*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #0f0f1a;--text-primary: #e0e8f0;--text-secondary: #8892a4;--accent: #00d4ff;--accent-glow: rgba(0, 212, 255, .15);--font-display: "Orbitron", monospace;--font-body: "Noto Sans SC", sans-serif}html,body{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}.hero{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(ellipse at center,#0d1b2abf,#0a0a0fe6 70%),url(/bg.jpg) center/cover no-repeat;overflow:hidden}.hero .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.03) 2px,rgba(0,212,255,.03) 4px);pointer-events:none;z-index:1}.particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.content{position:relative;z-index:2;text-align:center;padding:2rem}.title{font-family:var(--font-display);font-size:clamp(2rem,6vw,5rem);font-weight:900;color:var(--text-primary);letter-spacing:.15em;margin-bottom:1rem;text-shadow:0 0 40px var(--accent-glow),0 0 80px var(--accent-glow);position:relative;transition:transform .1s ease-out}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{color:#0ff;z-index:-1;animation:glitch-1 2s infinite linear alternate-reverse}.glitch:after{color:#f0f;z-index:-2;animation:glitch-2 3s infinite linear alternate-reverse}@keyframes glitch-1{0%,90%,to{transform:none;opacity:.8}92%{transform:translate(-2px,1px);opacity:.6}94%{transform:translate(2px,-1px);opacity:.7}96%{transform:translate(-1px,2px);opacity:.5}98%{transform:translate(1px,-2px);opacity:.6}}@keyframes glitch-2{0%,80%,to{transform:none;opacity:0}85%{transform:translate(3px,-1px);opacity:.3}87%{transform:translate(-3px,1px);opacity:.2}90%{transform:translate(1px,-2px);opacity:.3}}.subtitle{font-size:clamp(1rem,2vw,1.4rem);color:var(--accent);font-family:var(--font-body);font-weight:300;letter-spacing:.3em;margin-bottom:1.5rem}.cursor{display:inline-block;border-right:2px solid var(--accent);padding-right:4px;animation:blink 1s step-end infinite}@keyframes blink{50%{border-color:transparent}}.divider{width:200px;height:1px;margin:1.5rem auto;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.desc{font-size:.95rem;color:var(--text-secondary);letter-spacing:.15em}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:#00d4ff26;animation:scan 4s linear infinite;pointer-events:none}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.icp-footer{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:.75rem 1rem;text-align:center;background:#0a0a0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.icp-footer span{font-size:.75rem;color:var(--text-secondary)}.icp-footer a{font-size:.75rem;color:var(--text-secondary);text-decoration:none;transition:color .3s}.icp-footer a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--bg-primary)}