:root{--ion-color-primary:#4f46e5;--ion-color-primary-contrast:#ffffff;--ion-color-secondary:#64748b;--ion-color-tertiary:#10b981;--ion-color-success:#16a34a;--ion-color-warning:#f59e0b;--ion-color-danger:#ef4444;--ion-color-medium:#94a3b8;--ion-color-light:#f5f7fb;--ion-background-color:#f8fafc;--ion-text-color:#0f172a;--ion-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--app-background:#0f172a url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='2' cy='2' r='1.2' fill='%23ffffff' opacity='0.16'/><circle cx='12' cy='12' r='1.2' fill='%23ffffff' opacity='0.16'/><circle cx='22' cy='22' r='1.2' fill='%23ffffff' opacity='0.16'/></svg>") repeat}html,body,#root{height:100%}body{margin:0;font-family:var(--ion-font-family);color:var(--ion-text-color);background:var(--app-background)}.page{max-width:520px;margin:48px auto;padding:16px;color:#ffffffea}.page h1,.page h2,.page h3{margin:0 0 12px}.muted{color:#ffffffb8}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:0 10px 24px #00000059,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px}.field{margin-bottom:12px}.label{display:block;font-weight:600;margin-bottom:6px;color:#ffffffd8}.input{width:100%;box-sizing:border-box;background:#ffffff0f;color:#fff;border:2px solid rgba(255,255,255,.45);border-radius:12px;padding:10px 12px;min-height:44px;outline:none;box-shadow:inset 0 1px #ffffff0d}.input:focus{border-color:var(--ion-color-primary);box-shadow:0 0 0 3px #4f46e533}.error{color:#ff6b6b;margin:8px 0}.row{display:flex;gap:12px;align-items:center}.space{height:12px}.btn{display:inline-block;border-radius:12px;padding:10px 14px;font-weight:600;border:0;cursor:pointer}.btn-block{width:100%;text-align:center}.btn-primary{background:var(--ion-color-primary);color:var(--ion-color-primary-contrast)}.btn-muted{background:#fff2;color:#fff}.btn-link{background:transparent;color:#fff;text-decoration:underline;border:0;padding:0;cursor:pointer}.form{display:flex;flex-direction:column;gap:12px}.link{color:var(--ion-color-primary);text-decoration:underline}.segment{display:flex;gap:10px;margin-bottom:16px}.segment button{padding:6px 10px;border-radius:10px;border:0;cursor:pointer}.segment .active{background:var(--ion-color-primary);color:#fff}.segment .inactive{background:#efefef;color:#000}.plans-page{max-width:960px;margin:56px auto;padding:24px}.plans-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:stretch}@media (max-width: 820px){.plans-layout{grid-template-columns:minmax(0,1fr)}}.plans-header-card{padding:24px 22px;border-radius:20px;background:linear-gradient(135deg,#0f172aeb,#0f172ae0);border:1px solid rgba(148,163,184,.45);box-shadow:0 22px 40px #0f172aa6}.plans-title{font-size:26px;letter-spacing:.02em}.plans-subtitle{margin-top:10px;margin-bottom:20px;color:#e2e8f0cc;line-height:1.5}.plans-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.plans-highlight-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.6);font-size:12px;color:#e5e7eb}.dot{width:7px;height:7px;border-radius:50%}.dot-success{background:var(--ion-color-success)}.dot-info{background:#22d3ee}.dot-warning{background:var(--ion-color-warning)}.promo-banner{margin-top:6px;padding:10px 12px;border-radius:14px;background:#16a34a1f;border:1px solid rgba(34,197,94,.45);display:flex;flex-direction:column;gap:4px}.promo-banner-label{display:flex;align-items:center;gap:8px}.promo-text{font-size:13px;color:#bbf7d0}.badge{padding:2px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#16a34a33;color:#bbf7d0;border:1px solid rgba(74,222,128,.6)}.plans-right{display:flex;flex-direction:column;gap:12px}.plans-toggle{justify-content:flex-start}.plans-toggle button{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;font-size:13px}.plans-toggle .active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.plans-toggle .inactive{background:#0f172ae6;color:#e5e7eb}.toggle-caption{font-size:11px;opacity:.8}.plan-card{margin-top:4px;padding:20px 18px 22px}.plan-tagline{display:flex;align-items:center;gap:10px;margin-bottom:14px}.tagline-text{font-size:13px;color:#e0f2fe}.plan-price-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.price-main{font-size:26px;font-weight:700}.price-currency{font-size:14px;font-weight:500;opacity:.9}.price-meta{font-size:13px;color:#cbd5f5}.price-row{font-size:13px;margin-top:6px;margin-bottom:4px}.price-label{color:#e5e7ebb3;margin-right:4px}.price-original{text-decoration:line-through;opacity:.8}.save-copy{font-size:13px;color:#4ade80;margin-top:4px;margin-bottom:10px}.plan-divider{height:1px;margin:10px 0 12px;background:linear-gradient(90deg,#94a3b800,#94a3b8cc,#94a3b800)}.plan-features{list-style:disc;margin:0 0 16px 18px;padding:0;font-size:13px;color:#e5e7eb}.plan-features li+li{margin-top:4px}.plan-cta{width:100%;margin-top:4px;padding:12px 16px;font-size:15px;background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 18px 35px #4f46e599}@media (max-width: 600px){.plans-header-card{padding:20px 18px}.plans-page{margin:32px auto;padding:16px}}.affiliate-page{max-width:960px;margin:56px auto;padding:24px}.affiliate-header-card{padding:22px 20px;margin-bottom:20px;border-radius:20px;background:linear-gradient(135deg,#0f172af5,#0f172ae6);border:1px solid rgba(148,163,184,.45);box-shadow:0 22px 40px #0f172aa6}.affiliate-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.affiliate-header-main{flex:1 1 auto}.affiliate-title{font-size:24px;margin-bottom:6px}.affiliate-subtitle{margin:0 0 14px;color:#e2e8f0cc;font-size:14px}.affiliate-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.affiliate-logout-btn{align-self:flex-start;font-size:13px;padding-inline:12px;white-space:nowrap}.affiliate-status{padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(148,163,184,.6)}.affiliate-status.active{background:#16a34a2e;color:#bbf7d0;border-color:#4ade80b3}.affiliate-status.inactive{background:#0f172ae6;color:#e5e7ebc0}.affiliate-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:18px;margin-bottom:18px}.affiliate-card{border-radius:18px}.affiliate-section-title{margin-top:0;margin-bottom:10px}.affiliate-terms-text{font-size:14px;color:#e5e7ebb8;margin-bottom:14px}.affiliate-private-key{margin-bottom:12px}.affiliate-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:4px}.affiliate-key-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.affiliate-key-value{padding:6px 10px;border-radius:10px;background:#0f172ae6;border:1px solid rgba(148,163,184,.6);font-size:13px}.affiliate-key-copy{padding-inline:10px;font-size:13px}.affiliate-link{margin-bottom:12px}.affiliate-optout-btn{margin-top:8px;width:100%;font-size:13px}.affiliate-metric{margin-top:4px;margin-bottom:10px}.affiliate-metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:4px}.affiliate-metric-value{font-size:20px;font-weight:600}.affiliate-metric-caption{font-size:12px;color:#9ca3afb8}.affiliate-coupons{margin-top:8px}.affiliate-coupons-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.affiliate-coupon-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:12px;background:#0f172ae6;border:1px solid rgba(148,163,184,.5);gap:12px;flex-wrap:wrap}.affiliate-coupon-code{display:flex;align-items:center;gap:8px;font-size:13px}.affiliate-coupon-expiry{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:#e5e7ebcc}.affiliate-chip{padding:2px 8px;border-radius:999px;font-size:11px}.affiliate-chip-muted{background:#94a3b83d;color:#e5e7eb}@media (max-width: 820px){.affiliate-page{margin:32px auto;padding:16px}.affiliate-grid{grid-template-columns:minmax(0,1fr)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:var(--ion-color-primary);animation:spin .9s linear infinite}
