:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--a1:#7c3aed;--a2:#4f46e5;--a3:#06b6d4;--a4:#d946ef;--accent:#6d3fe0;--accent-2:#6366f1;--accent-fg:#fff;--grad:linear-gradient(135deg, #7c3aed, #4f46e5);--accent-bg:#8b5cff24;--accent-ring:#8b5cff80;--ok:#047857;--ok-bg:#10b98129;--error:#c81e45;--error-bg:#f43f5e1f;--radius:24px;--radius-sm:14px;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root{--text:#55516a;--text-h:#16121f;--bg:#eceaf6;--glass:#ffffff9e;--glass-2:#ffffff80;--glass-input:#ffffff8c;--rim:#ffffffd9;--rim-line:#14121f14;--hair:#14121f14;--shadow:#261e4a24 0 24px 60px -20px, #261e4a14 0 8px 20px -8px;--shadow-lift:#634cec47 0 30px 70px -22px, #261e4a1f 0 10px 24px -10px;--aurora-alpha:.5}@media (prefers-color-scheme:dark){:root{--text:#a7a4bd;--text-h:#f4f3fb;--bg:#06060c;--glass:#1716268c;--glass-2:#1e1c3080;--glass-input:#0c0b1680;--rim:#ffffff6b;--rim-line:#ffffff1a;--hair:#ffffff17;--accent:#a78bff;--accent-2:#818cf8;--accent-bg:#a78bff29;--accent-ring:#a78bff80;--ok:#34d399;--ok-bg:#34d39929;--error:#fb7185;--error-bg:#fb718524;--shadow:#0009 0 24px 60px -20px, #0006 0 8px 20px -8px;--shadow-lift:#818cf852 0 30px 74px -22px, #0009 0 10px 24px -10px;--aurora-alpha:.85}}*{box-sizing:border-box}body{min-height:100svh;color:var(--text);background:var(--bg);margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(38% 42% at 18% 20%, color-mix(in srgb, var(--a1) calc(var(--aurora-alpha) * 100%), transparent), transparent 70%), radial-gradient(34% 40% at 82% 12%, color-mix(in srgb, var(--a3) calc(var(--aurora-alpha) * 90%), transparent), transparent 68%), radial-gradient(45% 46% at 75% 82%, color-mix(in srgb, var(--a2) calc(var(--aurora-alpha) * 100%), transparent), transparent 70%), radial-gradient(36% 40% at 25% 88%, color-mix(in srgb, var(--a4) calc(var(--aurora-alpha) * 80%), transparent), transparent 70%);filter:blur(60px)saturate(1.15);animation:26s ease-in-out infinite alternate drift;position:fixed;inset:-25%}@keyframes drift{0%{transform:translate(-3%,-2%)scale(1.02)}to{transform:translate(4%,3%)scale(1.08)}}::selection{background:var(--accent-bg);color:var(--text-h)}.app{flex-direction:column;min-height:100svh;display:flex}.app__bar,.card{background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(1.8);backdrop-filter:blur(28px)saturate(1.8)}.app__bar{z-index:10;border-bottom:1px solid var(--hair);box-shadow:inset 0 1px 0 var(--rim);padding:15px 24px;position:sticky;top:0}.app__brand{color:var(--text-h);letter-spacing:-.2px;align-items:center;gap:9px;font-size:16px;font-weight:680;display:inline-flex}.app__logo{filter:drop-shadow(0 2px 8px var(--accent-ring));display:block}.app__main{flex:1;justify-content:safe center;align-items:flex-start;padding:clamp(36px,9vh,88px) 16px 56px;display:flex}.app__main>*{min-width:0;max-width:100%}.card{border:1px solid var(--rim-line);border-radius:var(--radius);width:100%;max-width:468px;box-shadow:var(--shadow), inset 0 1px 0 var(--rim), inset 0 0 0 1px #ffffff0a;padding:clamp(24px,4vw,34px);animation:.5s cubic-bezier(.2,.7,.2,1) both rise;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(133deg,#ffffff24 0%,#0000 38% 100%);position:absolute;inset:0}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.99)}}.card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.card__title{color:var(--text-h);letter-spacing:-.5px;margin:0 0 4px;font-size:24px;font-weight:700}.section__title{text-transform:uppercase;letter-spacing:.9px;color:var(--text);margin:28px 0 10px;font-size:12px;font-weight:660;position:relative}.muted{color:var(--text);margin:0 0 16px;position:relative}.muted[role=status]{padding-left:22px;animation:1.4s ease-in-out infinite pulse}.muted[role=status]:before{content:"";border:2px solid var(--accent-bg);border-top-color:var(--accent);border-radius:50%;width:13px;height:13px;margin-top:-6.5px;animation:.7s linear infinite spin;position:absolute;top:50%;left:0}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.62}}.small{font-size:13px}.mono{font-family:var(--mono);letter-spacing:-.2px;font-size:13px}.error{color:var(--error);background:var(--error-bg);border:1px solid color-mix(in srgb, var(--error) 26%, transparent);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:10px 0 0;padding:10px 13px;font-size:14px;position:relative}.form{flex-direction:column;gap:16px;margin-top:14px;display:flex;position:relative}.field{flex-direction:column;gap:6px;display:flex}.field--check{flex-direction:row;align-items:center;gap:8px}.fieldset--plain{border:0;min-width:0;margin:0;padding:0}.field__label{color:var(--text-h);font-size:13px;font-weight:560}.field__input{font:inherit;border:1px solid var(--hair);border-radius:var(--radius-sm);background:var(--glass-input);color:var(--text-h);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 var(--rim);padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field__input:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--hair))}.field__input:focus-visible{border-color:var(--accent);box-shadow:inset 0 1px 0 var(--rim), 0 0 0 3px var(--accent-ring);outline:none}.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:12px 18px;font-weight:600;transition:transform .12s,box-shadow .16s,background .16s,border-color .16s,opacity .15s;position:relative}.btn:focus-visible{box-shadow:0 0 0 3px var(--accent-ring);outline:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:progress;transform:none}.btn--primary{background:var(--grad);color:var(--accent-fg);box-shadow:0 10px 26px -10px var(--accent-ring), inset 0 1px 0 #ffffff73, inset 0 -8px 18px -10px #00000059;overflow:hidden}.btn--primary:before{content:"";pointer-events:none;background:linear-gradient(#ffffff47,#0000 45%);position:absolute;inset:0}.btn--primary:hover:not(:disabled){box-shadow:0 16px 32px -12px var(--accent-ring), inset 0 1px 0 #ffffff80, inset 0 -8px 18px -10px #00000059;transform:translateY(-1px)}.btn--ghost{background:var(--glass-2);color:var(--text-h);border-color:var(--hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 var(--rim);padding:9px 15px}.btn--ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.kv{margin:14px 0 0;position:relative}.kv__row{border-bottom:1px solid var(--hair);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.kv__row:last-child{border-bottom:none}.kv__row dt{color:var(--text);font-size:14px}.kv__row dd{color:var(--text-h);margin:0;font-weight:560}.slots{margin:4px 0 0;padding:0;list-style:none;position:relative}.slots__row{border-bottom:1px solid var(--hair);color:var(--text-h);justify-content:space-between;align-items:center;padding:13px 0;display:flex}.slots__row:last-child{border-bottom:none}.badge{background:var(--accent-bg);color:var(--text-h);border:1px solid var(--hair);box-shadow:inset 0 1px 0 var(--rim);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:580}.badge--ok{background:var(--ok-bg);color:var(--ok);border-color:color-mix(in srgb, var(--ok) 24%, transparent)}.pay{margin-top:24px}.pay .btn{width:100%}.plan{border:1px solid var(--rim-line);border-radius:var(--radius-sm);background:var(--glass-2);-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);box-shadow:inset 0 1px 0 var(--rim);margin-top:12px;padding:17px 19px;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative}.plan:hover{box-shadow:var(--shadow-lift), inset 0 1px 0 var(--rim);border-color:color-mix(in srgb, var(--accent) 55%, var(--rim-line));transform:translateY(-3px)}.plan__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.plan__name{color:var(--text-h);font-size:16px;font-weight:660}.plan__price{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:720}.plan__slots{flex-wrap:wrap;gap:8px;margin:13px 0 16px;padding:0;list-style:none;display:flex}.plan__slots li{background:var(--accent-bg);color:var(--text-h);border:1px solid var(--hair);border-radius:999px;padding:4px 12px;font-size:13px}.plan .btn{width:100%}.plan__price-old{color:var(--text);opacity:.7;font-size:14px;font-weight:500}.promo{margin:12px 0 14px}.promo__row{gap:8px;display:flex}.promo__input{flex:1;min-width:0}.promo__row .btn{white-space:nowrap;width:auto}.promo__applied{color:var(--ok);margin:0;font-size:14px}.grant-soon{color:#b45309;font-weight:600}.promo__term{color:var(--text);margin:4px 0 0;font-size:13px;line-height:1.4}.renew{border-top:1px solid var(--hair);margin-top:22px;padding-top:20px;position:relative}.pending{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--hair));background:var(--accent-bg);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 var(--rim);flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px;padding:16px 18px;display:flex;position:relative}.link{color:var(--accent);font-weight:580;font:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--accent-ring);text-decoration-color:var(--accent-ring);text-underline-offset:2px;background:0 0;border:none;padding:0;transition:text-decoration-color .15s}.link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.link:focus-visible{box-shadow:0 0 0 3px var(--accent-ring);border-radius:4px;outline:none}@media (prefers-reduced-motion:reduce){*,:before{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.legal{text-align:center;color:var(--text);border-top:1px solid var(--hair);padding:20px 16px 28px;font-size:13px;line-height:1.5}.legal a{color:inherit;text-underline-offset:2px;text-decoration:underline}.legal a:hover,.legal a:focus-visible{color:var(--text-h)}
