*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--orange: #F47921;--orange-dark: #D96510;--bg: #0F0F0F;--surface: #1A1A1A;--border: #2C2C2C;--text: #F5F5F5;--text-secondary: #9A9A9A;--error: #FF6B6B;--success: #4CAF50;--radius: 12px;--radius-sm: 8px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}.page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}h1{font-size:24px;font-weight:700;color:var(--text)}h2{font-size:20px;font-weight:600}.subtitle{font-size:15px;color:var(--text-secondary);line-height:1.6}.fine-print{font-size:13px;color:var(--text-secondary);line-height:1.5}.error-text{font-size:14px;color:var(--error);text-align:center}.logo-mark{width:56px;height:56px;background:var(--orange);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff}.feature-list{list-style:none;align-self:stretch;text-align:left;display:flex;flex-direction:column;gap:10px}.feature-list li{font-size:14px;color:var(--text-secondary);padding-left:20px;position:relative}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700}.btn-primary{display:block;width:100%;padding:14px 20px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--orange-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:block;width:100%;padding:14px 20px;background:transparent;color:var(--orange);border:2px solid var(--orange);border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.btn-secondary:hover:not(:disabled){background:#f479211a}.package-list{align-self:stretch;display:flex;flex-direction:column;gap:12px}.package-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color .15s;width:100%}.package-card.selected{border-color:var(--orange)}.package-card:disabled{opacity:.6;cursor:not-allowed}.package-info{display:flex;flex-direction:column;gap:4px}.package-period{font-size:16px;font-weight:600;color:var(--text)}.package-price{font-size:14px;color:var(--text-secondary)}.package-savings{font-size:12px;color:var(--orange);font-weight:600}.package-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);flex-shrink:0}.package-card.selected .package-radio{border-color:var(--orange);background:radial-gradient(circle at center,var(--orange) 40%,transparent 45%)}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:700}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}