@layer tokens,reset,base,layout,components,utilities,pages;@layer tokens{:root{--font-sans: Inter, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--color-page: #030810;--color-page-grid: rgba(95, 176, 214, .024);--color-surface: rgba(5, 13, 24, .62);--color-surface-strong: rgba(7, 18, 31, .88);--color-surface-soft: rgba(3, 14, 24, .74);--color-text: #f5fbff;--color-text-soft: rgba(219, 233, 241, .82);--color-muted: #8499aa;--color-muted-strong: #b9c8d5;--color-accent: #59d6ff;--color-accent-strong: #9eeaff;--color-success: #86e6bd;--color-warning: #ffcf70;--color-danger: #ffb2ad;--color-line: rgba(124, 184, 211, .13);--color-line-strong: rgba(124, 184, 211, .26);--space-page-x: clamp(20px, 4vw, 64px);--space-section-y: clamp(72px, 11vh, 144px);--content-wide: 1680px;--content-page: 1180px;--content-text: 760px;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 26px;--text-h1: clamp(46px, 8vw, 88px);--text-h2: clamp(34px, 5vw, 64px);--font-weight-label: 700;--font-weight-heading: 760;--radius-card: 8px;--radius-control: 8px;--radius-pill: 999px;--shadow-panel: 0 18px 70px rgba(0, 0, 0, .28);--shadow-control: 0 0 22px rgba(89, 214, 255, .1);--focus-ring: 0 0 0 2px rgba(89, 214, 255, .34);--motion-fast: .16s ease;--motion-med: .22s ease}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100%}img,svg,canvas{max-width:100%}}@layer base{body{background:var(--color-page);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;letter-spacing:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{color:var(--color-text);font-weight:var(--font-weight-heading);letter-spacing:0}h1{font-size:var(--text-h1);line-height:.96}h2{font-size:var(--text-h2);line-height:1}h3{font-size:var(--text-lg);line-height:1.2}p{color:var(--color-text-soft)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::selection{background:#59d6ff38;color:var(--color-text)}}@layer utilities{@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}}.button.hot{position:relative;isolation:isolate;overflow:hidden;border-color:#59d6ff75;background:linear-gradient(180deg,#0a1d2df0,#020911eb);box-shadow:0 0 0 1px #8feeff0a,0 0 9px #59d6ff1a,0 0 22px #59d6ff0d,0 16px 34px #00040a4d;animation:hot-button-pulse 2.8s ease-in-out infinite}.button.hot:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(62% 88% at 50% 100%,rgba(143,238,255,.16),transparent 54%),linear-gradient(180deg,rgba(216,249,255,.04),transparent 52%);opacity:.12;animation:hot-button-inner-pulse 2.8s ease-in-out infinite;pointer-events:none}.button.hot:after{content:"";position:absolute;inset:auto 16% -2px;z-index:0;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(216,249,255,.72),transparent);box-shadow:0 0 9px #8feeff94,0 -7px 20px #59d6ff3d;opacity:.7;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.button.hot:hover:after,.button.hot:focus-visible:after,.button.hot:active:after{opacity:1;transform:scaleX(1.16)}.button.primary.hot{border-color:#67bee7bd;background:radial-gradient(130% 180% at 15% 8%,rgba(45,82,112,.44),transparent 42%),linear-gradient(135deg,#061625f0,#030d18fa 58%,#05121ff0);box-shadow:0 0 0 1px #d0f2ff1a,0 0 16px #67ceff33,0 0 36px #3ea8ee1a,0 16px 34px #00040a4d}.button.primary.hot:hover,.button.primary.hot:focus-visible,.button.primary.hot:active{border-color:#99e2ffe6;color:var(--color-text);background:radial-gradient(130% 180% at 15% 8%,rgba(58,105,140,.5),transparent 42%),linear-gradient(135deg,#091e30f5,#040f1bfa 58%,#071625f5);box-shadow:0 0 0 1px #d9f8ff29,0 0 24px #72daff57,0 0 58px #4abbf738,0 18px 38px #00040a57;transform:translateY(-1px)}@keyframes hot-button-pulse{0%,to{border-color:#59d6ff6b;box-shadow:0 0 0 1px #8feeff09,0 0 7px #59d6ff14,0 0 16px #59d6ff09,0 16px 34px #00040a47}50%{border-color:#8feeffad;box-shadow:0 0 0 1px #d8f9ff24,0 0 18px #8feeff52,0 0 42px #59d6ff29,0 18px 38px #00040a57}}@keyframes hot-button-inner-pulse{0%,to{opacity:.05}50%{opacity:.54}}@media(prefers-reduced-motion:reduce){.button.hot,.button.hot:before{animation:none}}
