:root{--coral-50:#FFF1F4;--coral-100:#FFD9E1;--coral-200:#FFB3C3;--coral-300:#FF87A0;--coral-400:#FF4D6D;--coral-500:#ED2E54;--coral-600:#C81E42;--coral-700:#9C1632;--coral-800:#6E1024;--coral-900:#470A17;--violet-50:#F1EEFF;--violet-100:#DCD6FB;--violet-200:#BDB2F6;--violet-300:#998CF0;--violet-400:#6C5CE7;--violet-500:#5544D4;--violet-600:#4334B0;--violet-700:#33288A;--violet-800:#231C60;--violet-900:#16113C;--sun-50:#FFF7E6;--sun-100:#FFEABF;--sun-200:#FFD98A;--sun-300:#FFCB60;--sun-400:#FFC247;--sun-500:#F0A91F;--sun-600:#C9890F;--sun-700:#98660B;--neutral-0:#FFFFFF;--neutral-50:#FFF7F4;--neutral-100:#FBEDEE;--neutral-200:#F0E4E8;--neutral-300:#DBD0DA;--neutral-400:#B3A7BC;--neutral-500:#847A92;--neutral-600:#5C5468;--neutral-700:#3D3548;--neutral-800:#2A2238;--neutral-900:#211B2E;--neutral-950:#171320;--neutral-1000:#0E0B16;--info-subtle:#1B2647;--info-muted:#3A5BB0;--info-default:#5B8DEF;--info-strong:#93B5F5;--info-intense:#C9DBFB;--ok-subtle:#0E2C22;--ok-muted:#14855C;--ok-default:#1FB57A;--ok-strong:#5FD3A4;--ok-intense:#AEEBD2;--warn-subtle:#2E2206;--warn-muted:#A6740F;--warn-default:#F5A623;--warn-strong:#F8C167;--warn-intense:#FBDFA9;--crit-subtle:#2E0F12;--crit-muted:#A1282C;--crit-default:#E5484D;--crit-strong:#EF8488;--crit-intense:#F7BFC1;--font-display:"Clash Display","Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",ui-monospace,Menlo,Consolas,monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:30px;--text-3xl:44px;--text-4xl:64px;--leading-display:1.05;--leading-heading:1.2;--leading-body:1.5;--leading-dense:1.35;--leading-mono:1.5;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-widest:0.1em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--dur-instant:90ms;--dur-fast:150ms;--dur-base:220ms;--dur-slow:320ms;--dur-ambient:2600ms;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out-brand:cubic-bezier(0.22,0.9,0.32,1);--ease-in-out:cubic-bezier(0.4,0.0,0.2,1);--z-base:1;--z-raised:10;--z-sticky:100;--z-nav:500;--z-overlay:1000;--z-modal:2000;--z-toast:3000;--z-tooltip:4000;--container-sm:720px;--container-md:960px;--container-lg:1200px;--container-xl:1360px;--container-full:100%;--gutter-page:var(--space-5);--gradient-brand:linear-gradient(135deg,var(--coral-400) 0%,var(--violet-400) 100%)}:root,[data-theme=light]{color-scheme:light;--surface-canvas:var(--neutral-50);--surface-raised:var(--neutral-0);--surface-overlay:var(--neutral-0);--surface-floating:var(--neutral-0);--surface-sunken:var(--neutral-100);--surface-inverse:var(--neutral-950);--text-strong:#171320;--text-default:#2E2740;--text-subtle:#5C5468;--text-faint:#847A92;--text-disabled:#B3A7BC;--text-on-accent:#FFFFFF;--text-on-sun:var(--neutral-950);--border-subtle:rgba(23,19,32,0.07);--border-default:rgba(23,19,32,0.13);--border-strong:rgba(23,19,32,0.22);--border-accent:color-mix(in oklab,var(--coral-400) 45%,transparent);--border-focus:var(--coral-400);--brand-primary:var(--coral-400);--brand-primary-hover:var(--coral-500);--brand-primary-active:var(--coral-600);--brand-primary-muted:var(--coral-50);--brand-accent:var(--violet-400);--brand-accent-hover:var(--violet-500);--brand-accent-muted:var(--violet-50);--brand-highlight:var(--sun-400);--brand-highlight-muted:var(--sun-50);--state-info-subtle:#E9F1FE;--state-info-strong:#3A6FD8;--state-ok-subtle:#E4F7EF;--state-ok-strong:#128055;--state-warn-subtle:#FCF1DD;--state-warn-strong:#9A6608;--state-crit-subtle:#FCE6E7;--state-crit-strong:#C32D32;--elev-1:0 1px 2px rgba(112,16,36,0.06),0 1px 3px rgba(112,16,36,0.05);--elev-2:0 6px 16px rgba(112,16,36,0.08),0 2px 6px rgba(112,16,36,0.06);--elev-3:0 18px 40px rgba(112,16,36,0.12),0 6px 14px rgba(112,16,36,0.08);--glow-sm:0 4px 18px color-mix(in oklab,var(--coral-400) 30%,transparent);--glow-md:0 8px 32px color-mix(in oklab,var(--coral-400) 26%,transparent);--glow-accent:0 8px 32px color-mix(in oklab,var(--violet-400) 28%,transparent);--glow-sun:0 0 22px color-mix(in oklab,var(--sun-400) 45%,transparent);--focus-ring:0 0 0 3px color-mix(in oklab,var(--coral-400) 45%,transparent)}[data-theme=dark]{color-scheme:dark;--surface-canvas:var(--neutral-950);--surface-raised:var(--neutral-900);--surface-overlay:var(--neutral-900);--surface-floating:var(--neutral-800);--surface-sunken:var(--neutral-1000);--surface-inverse:var(--neutral-50);--text-strong:#FBF5F8;--text-default:#E4DCEA;--text-subtle:#B3A7BC;--text-faint:#847A92;--text-disabled:#5C5468;--text-on-accent:#FFFFFF;--text-on-sun:var(--neutral-950);--border-subtle:rgba(255,255,255,0.07);--border-default:rgba(255,255,255,0.13);--border-strong:rgba(255,255,255,0.22);--border-accent:color-mix(in oklab,var(--coral-400) 45%,transparent);--border-focus:var(--coral-400);--brand-primary:var(--coral-400);--brand-primary-hover:var(--coral-300);--brand-primary-active:var(--coral-500);--brand-primary-muted:color-mix(in oklab,var(--coral-400) 16%,var(--neutral-950));--brand-accent:var(--violet-400);--brand-accent-hover:var(--violet-300);--brand-accent-muted:color-mix(in oklab,var(--violet-400) 18%,var(--neutral-950));--brand-highlight:var(--sun-400);--brand-highlight-muted:color-mix(in oklab,var(--sun-400) 16%,var(--neutral-950));--state-info-subtle:var(--info-subtle);--state-info-strong:var(--info-default);--state-ok-subtle:var(--ok-subtle);--state-ok-strong:var(--ok-default);--state-warn-subtle:var(--warn-subtle);--state-warn-strong:var(--warn-default);--state-crit-subtle:var(--crit-subtle);--state-crit-strong:var(--crit-default);--elev-1:0 1px 2px rgba(0,0,0,0.45),0 1px 3px rgba(0,0,0,0.35);--elev-2:0 6px 18px rgba(0,0,0,0.50),0 2px 6px rgba(0,0,0,0.40);--elev-3:0 18px 44px rgba(0,0,0,0.55),0 6px 16px rgba(0,0,0,0.45);--glow-sm:0 4px 20px color-mix(in oklab,var(--coral-400) 38%,transparent);--glow-md:0 8px 36px color-mix(in oklab,var(--coral-400) 32%,transparent);--glow-accent:0 8px 36px color-mix(in oklab,var(--violet-400) 36%,transparent);--glow-sun:0 0 24px color-mix(in oklab,var(--sun-400) 50%,transparent);--focus-ring:0 0 0 3px color-mix(in oklab,var(--coral-400) 50%,transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--surface-canvas:var(--neutral-950);--surface-raised:var(--neutral-900);--surface-overlay:var(--neutral-900);--surface-floating:var(--neutral-800);--surface-sunken:var(--neutral-1000);--surface-inverse:var(--neutral-50);--text-strong:#FBF5F8;--text-default:#E4DCEA;--text-subtle:#B3A7BC;--text-faint:#847A92;--text-disabled:#5C5468;--border-subtle:rgba(255,255,255,0.07);--border-default:rgba(255,255,255,0.13);--border-strong:rgba(255,255,255,0.22);--brand-primary:var(--coral-400);--brand-primary-hover:var(--coral-300);--state-info-subtle:var(--info-subtle);--state-info-strong:var(--info-default);--state-ok-subtle:var(--ok-subtle);--state-ok-strong:var(--ok-default);--state-warn-subtle:var(--warn-subtle);--state-warn-strong:var(--warn-default);--state-crit-subtle:var(--crit-subtle);--state-crit-strong:var(--crit-default);--elev-1:0 1px 2px rgba(0,0,0,0.45),0 1px 3px rgba(0,0,0,0.35);--elev-2:0 6px 18px rgba(0,0,0,0.50),0 2px 6px rgba(0,0,0,0.40);--elev-3:0 18px 44px rgba(0,0,0,0.55),0 6px 16px rgba(0,0,0,0.45)}}@media (forced-colors:active){:root{--brand-primary:CanvasText;--text-strong:CanvasText;--text-default:CanvasText;--text-subtle:CanvasText;--border-focus:Highlight}}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0ms;--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms;--dur-ambient:0ms}}*,:after,:before{margin:0;padding:0;box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern","ss01";-webkit-tap-highlight-color:transparent}body,html{overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);font-weight:var(--weight-regular);color:var(--text-default);background:var(--surface-canvas);min-height:100vh;accent-color:var(--brand-primary)}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 12% 8%,color-mix(in oklab,var(--coral-400) 12%,transparent) 0,transparent 38%),radial-gradient(circle at 88% 4%,color-mix(in oklab,var(--violet-400) 12%,transparent) 0,transparent 40%);pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--text-strong);letter-spacing:var(--tracking-tight)}h1{font-size:clamp(var(--text-2xl),6vw,var(--text-4xl));line-height:var(--leading-display)}h2{font-size:clamp(var(--text-xl),4vw,var(--text-2xl))}h2,h3{line-height:var(--leading-heading)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg);line-height:var(--leading-heading);letter-spacing:var(--tracking-normal)}h5{font-size:var(--text-base)}h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-dense)}h6{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-subtle)}p{line-height:var(--leading-body);color:var(--text-default)}p+p{margin-top:var(--space-4)}.text-small,small{font-size:var(--text-sm);color:var(--text-subtle)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.92em;line-height:var(--leading-mono)}pre{display:block;overflow-x:auto}b,strong{font-weight:var(--weight-semibold);color:var(--text-strong)}a{color:var(--brand-accent);text-decoration:none;text-underline-offset:.18em;transition:color var(--dur-fast) var(--ease-out-brand)}a:hover{color:var(--brand-accent-hover)}a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}::selection{background:color-mix(in oklab,var(--brand-primary) 30%,transparent);color:var(--text-strong)}.skip-link{position:absolute;top:-40px;left:0;padding:var(--space-2) var(--space-4);background:var(--brand-primary);color:var(--text-on-accent);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:0 0 var(--radius-sm) 0;z-index:calc(var(--z-nav) + 1);transition:top var(--dur-fast) var(--ease-out-brand)}.skip-link:focus-visible{top:0;outline:none}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary);background-clip:content-box;border:2px solid transparent}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}a,button{touch-action:manipulation}.btn{--btn-pad-y:var(--space-3);--btn-pad-x:var(--space-5);--btn-font-size:var(--text-sm);--btn-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--btn-pad-y) var(--btn-pad-x);font-family:var(--font-body);font-size:var(--btn-font-size);font-weight:var(--weight-semibold);line-height:1;letter-spacing:var(--tracking-normal);border-radius:var(--btn-radius);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out-brand),border-color var(--dur-fast) var(--ease-out-brand),color var(--dur-fast) var(--ease-out-brand),box-shadow var(--dur-fast) var(--ease-out-brand),transform var(--dur-fast) var(--ease-spring)}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.btn[aria-busy=true]{cursor:progress}.btn[aria-busy=true]>.btn-label{opacity:.6}.btn-sm{--btn-pad-y:var(--space-2);--btn-pad-x:var(--space-4);--btn-font-size:var(--text-xs)}.btn-lg{--btn-pad-y:var(--space-4);--btn-pad-x:var(--space-6);--btn-font-size:var(--text-base)}.btn-primary{background:var(--brand-primary);color:var(--text-on-accent)}.btn-primary:hover{background:var(--brand-primary-hover);box-shadow:var(--glow-sm);transform:translateY(-2px)}.btn-primary:active{background:var(--brand-primary-active);transform:translateY(0);box-shadow:none}.btn-secondary{background:transparent;color:var(--text-strong);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-muted)}.btn-secondary:active{background:var(--surface-sunken)}.btn-ghost{background:transparent;color:var(--text-subtle)}.btn-ghost:hover{color:var(--text-strong);background:var(--surface-sunken)}.btn-accent{background:var(--brand-accent);color:var(--text-on-accent)}.btn-accent:hover{background:var(--brand-accent-hover);box-shadow:var(--glow-accent);transform:translateY(-2px)}.btn-highlight{background:var(--brand-highlight);color:var(--text-on-sun);font-family:var(--font-mono)}.btn-highlight:hover{box-shadow:var(--glow-sun);transform:translateY(-2px)}.btn-icon{--btn-pad-x:var(--btn-pad-y);aspect-ratio:1/1}.btn[aria-busy=true]:after{content:"";width:10px;height:10px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.card{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--elev-1);transition:border-color var(--dur-base) var(--ease-out-brand),box-shadow var(--dur-base) var(--ease-out-brand),transform var(--dur-base) var(--ease-spring)}.card:hover{box-shadow:var(--elev-2)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-3px);box-shadow:var(--elev-3);border-color:var(--border-accent)}.card-interactive:focus-visible{box-shadow:var(--focus-ring),var(--elev-3);outline:none}.app-card{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);cursor:pointer}.app-card .app-thumb{aspect-ratio:4/5;border-radius:var(--radius-md);background:var(--gradient-brand);position:relative;overflow:hidden}.app-card .app-title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--text-strong)}.app-card .app-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint)}.credit-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--brand-highlight-muted);border:1px solid color-mix(in oklab,var(--brand-highlight) 45%,transparent);color:var(--text-strong);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1}.credit-badge .credit-spark{width:14px;height:14px;color:var(--brand-highlight);flex-shrink:0}.credit-badge .credit-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-strong)}.credit-badge .credit-label{color:var(--text-subtle);font-weight:var(--weight-regular)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);line-height:1.4;border:1px solid transparent;white-space:nowrap}.badge-info{background:var(--state-info-subtle);color:var(--state-info-strong);border-color:color-mix(in oklab,var(--state-info-strong) 30%,transparent)}.badge-ok{background:var(--state-ok-subtle);color:var(--state-ok-strong);border-color:color-mix(in oklab,var(--state-ok-strong) 30%,transparent)}.badge-warn{background:var(--state-warn-subtle);color:var(--state-warn-strong);border-color:color-mix(in oklab,var(--state-warn-strong) 30%,transparent)}.badge-crit{background:var(--state-crit-subtle);color:var(--state-crit-strong);border-color:color-mix(in oklab,var(--state-crit-strong) 30%,transparent)}.badge-brand{background:var(--brand-primary-muted);color:var(--brand-primary);border-color:var(--border-accent)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.package-card{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-6);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--elev-1);position:relative;transition:box-shadow var(--dur-base) var(--ease-out-brand),transform var(--dur-base) var(--ease-spring),border-color var(--dur-base) var(--ease-out-brand)}.package-card:hover{transform:translateY(-3px);box-shadow:var(--elev-2)}.package-card.featured{border-color:var(--brand-primary);box-shadow:var(--glow-sm)}.package-card .package-flag{position:absolute;top:calc(-1 * var(--space-3));right:var(--space-5);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--text-on-accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}.package-card .package-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-strong)}.package-card .package-price{display:flex;align-items:baseline;gap:var(--space-1)}.package-card .package-amount{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-strong);line-height:1;letter-spacing:var(--tracking-tight);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.package-card .package-unit{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-subtle)}.package-card .package-amount-was{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-faint);text-decoration:line-through;-webkit-text-decoration-color:rgba(255,77,109,.55);text-decoration-color:rgba(255,77,109,.55);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.package-card .package-coupon-chip{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:2px 10px;border-radius:var(--radius-pill);background:rgba(22,163,74,.12);color:#15803d;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);width:-moz-fit-content;width:fit-content}.coupon-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.coupon-toggle{background:none;border:none;color:var(--text-subtle);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.coupon-toggle:hover{color:var(--text-strong)}.coupon-row{display:flex;gap:var(--space-2);align-items:center}.coupon-input{width:190px;text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.04em}.coupon-applied{gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.3)}.coupon-applied,.coupon-applied-tag{display:inline-flex;align-items:center}.coupon-applied-tag{gap:var(--space-1);color:#15803d;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.coupon-remove{background:none;border:none;color:var(--text-subtle);font-size:var(--text-xs);text-decoration:underline;cursor:pointer}.coupon-remove:hover{color:var(--text-strong)}.coupon-error{text-align:center}.notice{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--state-warn-subtle);color:var(--text-strong);font-size:var(--text-sm);line-height:1.55}.notice.warn{background:var(--state-crit-subtle);border-color:var(--state-crit-strong);color:var(--state-crit-strong)}.pay-modal-backdrop{position:fixed;inset:0;z-index:calc(var(--z-nav) + 20);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:rgba(24,14,20,.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:pay-fade-in .18s ease-out}.pay-modal{position:relative;width:100%;max-width:420px;background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:0 24px 70px rgba(0,0,0,.3);padding:var(--space-7) var(--space-6) var(--space-6);animation:pay-pop-in .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes pay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pay-pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.order-status{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.order-status-close{position:absolute;top:var(--space-3);right:var(--space-4);background:none;border:none;font-size:26px;line-height:1;color:var(--text-faint);cursor:pointer}.order-status-close:hover{color:var(--text-strong)}.order-status-icon{width:56px;height:56px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1)}.order-status-icon svg{width:30px;height:30px}.order-status-icon.ok{background:var(--state-ok-subtle);color:var(--state-ok-strong)}.order-status-icon.processing{background:var(--state-warn-subtle);color:var(--state-warn-strong)}.order-status-icon.warn{background:var(--state-crit-subtle);color:var(--state-crit-strong)}.order-status-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-strong);margin:0}.order-status-sub{font-size:var(--text-sm);color:var(--text-subtle);margin:0;max-width:32ch}.order-status-hint{font-size:var(--text-xs);color:var(--text-faint);margin:0;max-width:34ch;line-height:1.5}.order-status-cta{margin-top:var(--space-3);min-width:200px}.order-status .credit-badge{margin:var(--space-1) 0}.order-spinner{width:44px;height:44px;border-radius:var(--radius-pill);border:3px solid var(--state-warn-subtle);border-top-color:var(--brand-primary);animation:order-spin .8s linear infinite;margin-bottom:var(--space-1)}@keyframes order-spin{to{transform:rotate(1turn)}}@media (max-width:520px){.pay-modal{padding:var(--space-6) var(--space-5) var(--space-5)}}.package-card .package-credits{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--brand-highlight);font-weight:var(--weight-semibold)}.package-card .package-features{list-style:none;display:grid;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-sm);color:var(--text-subtle)}.package-card .package-features li{display:flex;gap:var(--space-2);align-items:center}.package-card .package-features li:before{content:"";width:16px;height:16px;flex-shrink:0;border-radius:50%;background:var(--state-ok-subtle);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--state-ok-strong) 40%,transparent)}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);padding:var(--space-4) 0;transition:background var(--dur-base) var(--ease-out-brand),padding var(--dur-base) var(--ease-out-brand)}.nav.scrolled{background:color-mix(in oklab,var(--surface-canvas) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:var(--space-3) 0}.nav-inner{justify-content:space-between;gap:var(--space-5)}.nav-brand,.nav-inner{display:flex;align-items:center}.nav-brand{gap:var(--space-3);text-decoration:none;color:var(--text-strong);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);letter-spacing:var(--tracking-tight)}.nav-brand-mark{width:32px;height:32px}.nav-links{display:flex;align-items:center;gap:var(--space-1)}.nav-link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-subtle);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);text-decoration:none;transition:color var(--dur-fast) var(--ease-out-brand),background var(--dur-fast) var(--ease-out-brand)}.nav-link:hover,.nav-link[aria-current=page]{color:var(--text-strong);background:var(--surface-sunken)}.progress{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-5);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--elev-1)}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.progress-title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--text-strong)}.progress-pct{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--brand-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.progress-track{height:10px;background:var(--surface-sunken);overflow:hidden}.progress-fill,.progress-track{border-radius:var(--radius-pill)}.progress-fill{height:100%;background:var(--gradient-brand);background-size:200% 100%;transition:width var(--dur-slow) var(--ease-spring);animation:progress-shimmer var(--dur-ambient) linear infinite}@keyframes progress-shimmer{to{background-position:200% 0}}.progress-hint{font-size:var(--text-sm);color:var(--text-subtle)}.state-panel{display:grid;justify-items:center;text-align:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-8) var(--space-5);background:var(--surface-overlay);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}.state-panel .state-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-pill);color:var(--brand-primary);background:var(--brand-primary-muted)}.state-panel .state-title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-lg);color:var(--text-strong)}.state-panel .state-body{font-size:var(--text-sm);color:var(--text-subtle);max-width:360px}.state-panel.is-error .state-icon{color:var(--state-crit-strong);background:var(--state-crit-subtle)}.state-panel .state-refund{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--state-ok-subtle);color:var(--state-ok-strong);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.admin-table thead th{text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-faint);background:var(--surface-sunken);font-weight:var(--weight-medium)}.admin-table tbody td,.admin-table thead th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.admin-table tbody td{color:var(--text-default)}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:var(--surface-sunken)}.admin-table .cell-mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-subtle)}.admin-table .cell-strong{color:var(--text-strong);font-weight:var(--weight-medium)}.field{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-default)}.field-help{font-size:var(--text-xs);color:var(--text-subtle)}.field-error{font-size:var(--text-xs);color:var(--state-crit-strong);display:flex;gap:var(--space-2);align-items:center}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-raised);color:var(--text-strong);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease-out-brand),box-shadow var(--dur-fast) var(--ease-out-brand)}.input::placeholder{color:var(--text-faint)}.input:hover{border-color:var(--border-strong)}.input:focus-visible{border-color:var(--border-focus);box-shadow:var(--focus-ring);outline:none}.input:disabled{opacity:.5;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--state-crit-strong)}.input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--state-crit-strong) 35%,transparent)}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--brand-primary);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-3)}.container{max-width:var(--container-lg);margin-inline:auto;padding-inline:var(--gutter-page);position:relative;z-index:var(--z-base)}.container-xl{max-width:var(--container-xl)}.container-md{max-width:var(--container-md)}.container-sm{max-width:var(--container-sm)}.section{padding-block:clamp(var(--space-8),8vw,var(--space-9));position:relative}.section-compact{padding-block:clamp(var(--space-7),6vw,var(--space-8))}.section-hero{padding-block:clamp(var(--space-9),12vw,var(--space-10))}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-7{padding:var(--space-7)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.text-mono{font-family:var(--font-mono)}.text-display{font-family:var(--font-display)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base,.text-md{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-strong{color:var(--text-strong)}.text-default{color:var(--text-default)}.text-subtle{color:var(--text-subtle)}.text-faint{color:var(--text-faint)}.text-brand{color:var(--brand-primary)}.text-accent{color:var(--brand-accent)}.text-highlight{color:var(--brand-highlight)}.text-ok{color:var(--state-ok-strong)}.text-warn{color:var(--state-warn-strong)}.text-crit{color:var(--state-crit-strong)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-widest{letter-spacing:var(--tracking-widest)}.uppercase{text-transform:uppercase}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.text-center{text-align:center}.text-left{text-align:left}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-pill{border-radius:var(--radius-pill)}.elev-1{box-shadow:var(--elev-1)}.elev-2{box-shadow:var(--elev-2)}.elev-3{box-shadow:var(--elev-3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}