:root{--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-color: #060608;--bg-card: #141416;--bg-card-glass: rgba(20, 20, 22, .45);--border-color: rgba(255, 255, 255, .055);--text-primary: #fafaf9;--text-secondary: #a1a1aa;--accent-solid: #ff5500;--accent-gradient: linear-gradient(90deg, #ff3300 0%, #7c3aed 50%, #ff0055 100%);--accent-glow: radial-gradient(circle at 50% -20%, rgba(255, 85, 0, .25), transparent 60%), radial-gradient(circle at 80% 80%, rgba(124, 58, 237, .18), transparent 50%);--card-shadow: 0 12px 45px rgba(0, 0, 0, .85);--badge-bg: rgba(255, 85, 0, .08);--badge-text: #ff9966}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,border-color .3s ease,transform .2s ease,box-shadow .3s ease}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;position:relative;padding-left:110px}@media(max-width:900px){body{padding-left:0;padding-bottom:80px}}body:before{content:"";position:absolute;inset:0;background:var(--accent-glow);pointer-events:none;z-index:0}header{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:40px 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);text-decoration:none}.logo span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-label{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#c684ff;font-weight:600;border:1px solid var(--border-color);padding:6px 16px;border-radius:30px;background:#a142f40d;box-shadow:0 0 15px #a142f41a}main{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 20px}.hero{margin:60px 0 80px;text-align:center}.badge{display:inline-block;background:var(--badge-bg);color:var(--badge-text);padding:6px 18px;border-radius:30px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;border:1px solid var(--border-color);box-shadow:0 0 10px #a142f40d}.hero h1{font-family:var(--font-display);font-size:56px;font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:18px;color:var(--text-secondary);max-width:650px;margin:0 auto;line-height:1.6}.section-title{font-family:var(--font-display);font-size:28px;font-weight:700;margin-top:80px;margin-bottom:32px;letter-spacing:-.5px;border-left:3px solid var(--accent-solid);padding-left:16px}.grid-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:80px}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);border-color:var(--accent-solid);box-shadow:0 10px 40px #a142f426}.card h3{font-family:var(--font-display);font-size:22px;margin-bottom:14px;font-weight:600}.card p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:24px}.btn-card{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;text-align:center;cursor:pointer;background:var(--accent-gradient);color:#fff;border:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 15px #a142f44d}.btn-card:hover{opacity:.9;transform:scale(1.02)}.btn-secondary{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;text-align:center;cursor:pointer;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);margin-left:12px;transition:all .2s ease}.btn-secondary:hover{border-color:var(--accent-solid);color:#fff;background:#a142f40d}.universe-container{position:relative;height:700vh;background:transparent}.universe-scene{position:sticky;top:0;width:100%;height:100vh;transform-style:preserve-3d;perspective:800px;display:flex;justify-content:center;align-items:center;overflow:hidden}.hud-overlay{position:absolute;top:40px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10;font-family:var(--font-mono)}.hud-panel{background:#1e1f2005;border:1px solid rgba(161,66,244,.15);padding:10px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(8px);position:relative;overflow:hidden}.hud-scanner{width:6px;height:6px;background:var(--accent-solid);border-radius:50%;box-shadow:0 0 8px var(--accent-solid);animation:hudPulse 1.5s infinite}@keyframes hudPulse{0%,to{opacity:.3}50%{opacity:1}}.hud-label{font-size:11px;color:var(--text-secondary);letter-spacing:1px}.hud-value{font-size:13px;color:#e83d8e;font-weight:600;letter-spacing:2px;text-transform:uppercase}.hud-progress-bar{width:150px;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.hud-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#1a73e8,#a142f4);box-shadow:0 0 8px #a142f4}.universe-intro{position:absolute;text-align:center;max-width:600px;padding:0 20px;transform-style:preserve-3d;z-index:5}.universe-intro h2{font-family:var(--font-display);font-size:56px;font-weight:800;line-height:1.1;margin:16px 0;letter-spacing:-1.5px}.universe-intro p{color:var(--text-secondary);font-size:18px;margin-bottom:24px}.scroll-warp-indicator{display:flex;justify-content:center;margin-top:20px}.warp-arrow{width:2px;height:40px;background:linear-gradient(to bottom,var(--accent-solid),transparent);position:relative;animation:warpArrowAnim 1.8s infinite ease-in-out}@keyframes warpArrowAnim{0%{transform:scaleY(0);transform-origin:top;opacity:0}50%{transform:scaleY(1);transform-origin:top;opacity:1}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}.universe-card{position:absolute;width:90%;max-width:480px;background:#1e1f2059;border:1px solid rgba(161,66,244,.12);border-radius:16px;padding:28px;backdrop-filter:blur(12px);box-shadow:0 20px 50px #0009,0 0 30px #a142f405;transform-style:preserve-3d;transition:border-color .4s ease,box-shadow .4s ease;display:none}.universe-card:hover{border-color:#e83d8e59;box-shadow:0 25px 60px #000c,0 0 35px #e83d8e1a}.universe-card h3{font-family:var(--font-display);font-size:22px;margin:8px 0 12px;font-weight:700}.universe-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.timeline-date{font-family:var(--font-mono);font-size:14px;color:#e83d8e;font-weight:600;text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.hud-overlay{top:20px;left:20px;right:20px}.hud-progress-bar{width:100px}.universe-intro h2{font-size:38px}.universe-intro p{font-size:15px}.universe-card{padding:20px}.universe-card h3{font-size:18px}}.timeline-content h3{font-family:var(--font-display);font-size:20px;margin-bottom:8px}.timeline-content p{font-size:14px;color:var(--text-secondary);line-height:1.5}@media(max-width:768px){.timeline-line,.timeline-progress-line{left:20px}.timeline-item{width:100%;left:0!important;padding-left:50px;padding-right:0;text-align:left!important}.timeline-dot{left:10px!important}}html.light-mode{--bg-color: #f5f5f7;--bg-card: rgba(255, 255, 255, .82);--bg-card-glass: rgba(255, 255, 255, .78);--border-color: rgba(9, 9, 11, .09);--text-primary: #09090b;--text-secondary: #52525b;--card-shadow: 0 12px 40px rgba(0, 0, 0, .05), 0 2px 8px rgba(0, 0, 0, .02);--badge-bg: rgba(255, 85, 0, .06);--badge-text: #ff5500}