*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0c14;--bg-mid: #0f1120;--purple: #A855F7;--blue: #60a5fa;--gold: #fbbf24;--text: #e2e8f0;--text-dim: #64748b;--font-head: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace;--cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpolygon points='16,2 6,16 13,16 12,26 22,12 15,12' fill='%23A855F7' stroke='%23ffffff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 10 2, auto}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;cursor:var(--cursor)}.scroll-spacer{height:500vh;width:100%;pointer-events:none}.canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.progress-track{position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff0f}.progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));transition:width .12s linear;box-shadow:0 0 8px var(--purple)}.section-tag{position:absolute;top:28px;left:36px;font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;color:var(--blue);text-transform:uppercase;padding:6px 12px;border:1px solid rgba(96,165,250,.2);background:#60a5fa0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.text-block{position:absolute;bottom:90px;left:40px;max-width:min(560px,90vw)}.text-hero .main-title{font-size:clamp(42px,6.5vw,90px);line-height:.92;letter-spacing:-.03em}.text-section .main-title{font-size:clamp(30px,4.8vw,66px);line-height:.96;letter-spacing:-.02em}.main-title{font-family:var(--font-head);font-weight:800;color:var(--text);text-shadow:0 0 60px rgba(168,85,247,.2)}.title-line{display:block}.main-title em{font-style:normal;background:linear-gradient(135deg,var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{width:40px;height:1px;background:linear-gradient(90deg,var(--blue),var(--purple));margin:20px 0 18px;box-shadow:0 0 10px var(--blue)}.sub-title{font-family:var(--font-mono);font-size:clamp(8px,1.1vw,11px);font-weight:400;letter-spacing:.2em;color:var(--blue);text-transform:uppercase;margin-bottom:14px;opacity:.85}.body-text{font-family:var(--font-body);font-size:clamp(13px,1.4vw,15px);font-weight:300;line-height:1.75;color:#e2e8f08c;max-width:420px;letter-spacing:.01em}.scroll-hint{position:absolute;bottom:92px;right:40px;display:flex;flex-direction:column;align-items:center}.scroll-inner{display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,var(--purple),transparent)}.scroll-hint span{font-family:var(--font-mono);font-size:7px;letter-spacing:.35em;color:var(--text-dim);writing-mode:vertical-lr;transform:rotate(180deg)}.spec-strip{position:absolute;bottom:24px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:12px;pointer-events:auto}.spec-live{font-family:var(--font-mono);font-size:8px;letter-spacing:.18em;color:#22c55e;animation:pulse-live 2.2s infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.35}}.spec-github{font-family:var(--font-mono);font-size:8px;letter-spacing:.15em;color:var(--text-dim);text-decoration:none;transition:color .2s}.spec-github:hover{color:var(--purple)}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.12) 3px,rgba(0,0,0,.12) 4px);animation:scanline-shift 10s linear infinite;mix-blend-mode:overlay}@keyframes scanline-shift{0%{background-position:0 0}to{background-position:0 100px}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 60%,transparent 50%,rgba(11,12,20,.65) 100%)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.loader-scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),var(--purple),transparent);box-shadow:0 0 20px var(--blue);z-index:2}.loader-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(96,165,250,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.04) 1px,transparent 1px);background-size:48px 48px;opacity:0;transition:opacity .4s}.loader-grid.visible{opacity:1}.loader-center{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:20px}.loader-bolt{font-size:52px;line-height:1;filter:drop-shadow(0 0 20px var(--purple)) drop-shadow(0 0 40px rgba(168,85,247,.5))}.loader-title-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.loader-line-clip{overflow:hidden}.loader-title{font-family:var(--font-head);font-weight:800;font-size:clamp(26px,5vw,52px);letter-spacing:.18em;color:var(--text);text-align:center;text-shadow:0 0 40px rgba(168,85,247,.4)}.loader-readout{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}.loader-mono{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--text-dim);text-transform:uppercase}.loader-mono em{font-style:normal;color:var(--blue)}.loader-ok{color:#22c55e!important}.loader-bar-wrap{width:min(320px,70vw);height:1px;background:#ffffff0f;position:relative;overflow:hidden}.loader-bar{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--blue),var(--purple));transform-origin:left center;box-shadow:0 0 12px var(--purple)}.loader-corner{position:absolute;width:22px;height:22px;opacity:0;transition:opacity .3s .15s}.loader-corner.visible{opacity:1}.loader-corner.tl{top:24px;left:24px;border-top:1px solid var(--blue);border-left:1px solid var(--blue)}.loader-corner.tr{top:24px;right:24px;border-top:1px solid var(--blue);border-right:1px solid var(--blue)}.loader-corner.bl{bottom:24px;left:24px;border-bottom:1px solid var(--blue);border-left:1px solid var(--blue)}.loader-corner.br{bottom:24px;right:24px;border-bottom:1px solid var(--blue);border-right:1px solid var(--blue)}.loader-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none}@media (max-width: 640px){.text-block{left:20px;right:20px;bottom:80px}.section-tag{left:20px;top:18px;font-size:7px}.spec-strip{left:20px;right:20px}.scroll-hint{display:none}}