:root{--bg: transparent;--bg-page: #06070f;--bg-elevated: #0c0f1f;--bg-card: rgba(14, 18, 36, .55);--bg-card-hover: rgba(20, 26, 50, .78);--bg-input: rgba(8, 12, 28, .7);--text: #e6efff;--text-secondary: #94a3c4;--text-muted: #5a6585;--text-on-accent: #07050b;--border: rgba(120, 200, 255, .14);--border-strong: rgba(120, 200, 255, .32);--accent: #ff4d8d;--accent-strong: #ff79a8;--accent-faint: rgba(255, 77, 141, .14);--cyan: #5ce4ff;--cyan-strong: #8eefff;--cyan-faint: rgba(92, 228, 255, .14);--lime: #c5ff4a;--lime-faint: rgba(197, 255, 74, .16);--sage: var(--cyan);--sage-strong: var(--cyan-strong);--sage-faint: var(--cyan-faint);--amber: var(--lime);--amber-faint: var(--lime-faint);--danger: #ff5577;--success: var(--cyan);--warning: var(--lime);--hero-gradient: radial-gradient(ellipse at 30% 20%, rgba(255, 77, 141, .45) 0%, transparent 55%), radial-gradient(ellipse at 80% 80%, rgba(92, 228, 255, .4) 0%, transparent 55%), linear-gradient(135deg, #1a0a2e 0%, #0c0f24 100%);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 9999px;--shadow-card: 0 1px 0 0 rgba(120, 200, 255, .1) inset, 0 12px 36px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .4);--shadow-elevated: 0 1px 0 0 rgba(120, 200, 255, .16) inset, 0 30px 80px rgba(0, 0, 0, .7), 0 6px 20px rgba(0, 0, 0, .5);--shadow-button: 0 1px 0 0 rgba(255, 255, 255, .2) inset, 0 10px 30px rgba(255, 77, 141, .42), 0 0 0 1px rgba(255, 121, 168, .3);--glow-cyan: 0 0 18px rgba(92, 228, 255, .55);--glow-magenta: 0 0 22px rgba(255, 77, 141, .5);--font-display: "Unbounded", "Familjen Grotesk", ui-sans-serif, sans-serif;--font-sans: "Geist", "Familjen Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 38px;--text-display: 64px;--duration-fast: .16s;--duration-base: .28s;--duration-slow: .6s;--easing: cubic-bezier(.4, 0, .2, 1);--easing-soft: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}html{background:var(--bg-page)}body{position:relative;background:transparent;color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:1.55;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:url(/background.svg) center bottom / cover no-repeat,var(--bg-page);pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:screen;background-image:repeating-linear-gradient(to bottom,#5ce4ff00 0px 2px,#5ce4ff0a 3px,#5ce4ff00 4px),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.85 0 0 0 0 1 0 0 0 0.20 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;line-height:1.05;color:var(--text)}h1 em,h2 em,h3 em{font-style:normal;font-weight:500;background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(255,77,141,.45))}p{margin:0}a{color:var(--cyan);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--duration-fast) var(--easing),border-color var(--duration-fast) var(--easing),text-shadow var(--duration-fast) var(--easing)}a:hover{color:var(--cyan-strong);border-bottom-color:var(--cyan);text-shadow:var(--glow-cyan)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0;transition:transform var(--duration-fast) var(--easing-soft),background var(--duration-fast) var(--easing),color var(--duration-fast) var(--easing),box-shadow var(--duration-fast) var(--easing),border-color var(--duration-fast) var(--easing)}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);outline:none;width:100%;transition:border-color var(--duration-fast) var(--easing),box-shadow var(--duration-fast) var(--easing),background var(--duration-fast) var(--easing)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--cyan);background:#080e1ed9;box-shadow:0 0 0 3px var(--cyan-faint),0 0 20px #5ce4ff33}textarea{font-family:var(--font-mono);font-size:13px;line-height:1.5;resize:vertical;min-height:140px}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--accent);color:var(--text-on-accent)}.container{max-width:1080px;margin:0 auto;padding:var(--space-12) var(--space-6)}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.caps{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:500;color:var(--text-muted)}.paper{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.paper-glow:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ff4d8d8c,#5ce4ff00 35% 65%,#5ce4ff8c);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:#080e1e8c;border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;font-weight:500;color:var(--text-secondary);text-transform:uppercase}.chip--pending{color:var(--accent-strong);border-color:#c97d8066}.chip--paid{color:var(--cyan-strong);border-color:#5ce4ff66}.chip--expired{color:var(--text-muted);border-color:var(--border)}.chip--cancelled{color:var(--text-muted);border-color:var(--border);opacity:.7}.sage-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--cyan-faint);border:1px solid rgba(92,228,255,.32);border-radius:var(--radius-pill);color:var(--cyan-strong);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;font-weight:500;text-transform:uppercase}.term-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);overflow:hidden;transition:transform var(--duration-base) var(--easing-soft),border-color var(--duration-base) var(--easing),box-shadow var(--duration-base) var(--easing)}.term-card:hover{transform:translateY(-4px);border-color:#5ce4ff66;box-shadow:0 1px #78c8ff2e inset,0 24px 60px #0000008c,0 0 60px #5ce4ff24,0 0 0 1px #5ce4ff2e}.term-card .corner{position:absolute;width:14px;height:14px;pointer-events:none;z-index:2}.term-card .corner.tl{top:8px;left:8px;border-top:1.5px solid var(--cyan);border-left:1.5px solid var(--cyan)}.term-card .corner.tr{top:8px;right:8px;border-top:1.5px solid var(--cyan);border-right:1.5px solid var(--cyan)}.term-card .corner.bl{bottom:8px;left:8px;border-bottom:1.5px solid var(--accent);border-left:1.5px solid var(--accent)}.term-card .corner.br{bottom:8px;right:8px;border-bottom:1.5px solid var(--accent);border-right:1.5px solid var(--accent)}.term-card .tx-strip{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);background:#080e1e59}.gauge{--gauge-fill: 50%;position:relative;height:6px;border-radius:3px;background:#5ce4ff14;border:1px solid rgba(92,228,255,.18);overflow:hidden}.gauge:before{content:"";position:absolute;inset:0;width:var(--gauge-fill);background:linear-gradient(90deg,var(--cyan) 0%,var(--cyan-strong) 100%);box-shadow:0 0 14px #5ce4ff8c;transition:width var(--duration-slow) var(--easing-soft)}.gauge.low:before{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 0 14px #ff4d8d8c}.ticker{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}.ticker>.ticker-track{display:inline-flex;white-space:nowrap;gap:var(--space-6);animation:ticker-scroll 28s linear infinite}.ticker:hover>.ticker-track{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse-cyan{0%,to{box-shadow:0 0 #5ce4ff80}50%{box-shadow:0 0 0 6px #5ce4ff00}}.rise{animation:rise var(--duration-slow) var(--easing-soft) both}.fade{animation:fade var(--duration-slow) var(--easing-soft) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1023px){.checkout-grid{grid-template-columns:1fr!important}}