@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@300;400;600&family=Michroma&family=Orbitron:wght@400;500;700;900&display=swap";:root{--color-bg: #111111;--color-bg-alt: #1a1a1a;--color-primary: #4a90e2;--color-secondary: #a0a0a0;--color-text: #f0f0f0;--color-text-muted: #999999;--color-accent: #ffffff;--gradient-main: linear-gradient(135deg, #4a90e2, #7fb2f0);--gradient-glow: none;--gradient-dark: linear-gradient(to bottom, #111111, #1a1a1a);--font-heading: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Fira Code", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--spacing-2xl: 8rem;--glow-primary: 0 0 15px rgba(74, 144, 226, .3);--glow-secondary: 0 0 10px rgba(255, 255, 255, .1);--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--backdrop-blur: 8px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-accent);text-transform:uppercase;font-weight:700;letter-spacing:2px}a{color:var(--color-primary);text-decoration:none;transition:all .3s ease}a:hover{text-shadow:var(--glow-primary)}#app{width:100%;min-height:100vh;position:relative}canvas{display:block}#hero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;background:var(--gradient-dark)}#hero canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;pointer-events:none}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:-2px;margin-bottom:var(--spacing-md);opacity:0;animation:fadeUp 1s ease forwards .5s}.hero-subtitle{font-size:clamp(1rem,2vw,1.5rem);color:var(--color-text-muted);max-width:600px;margin:0 auto;opacity:0;animation:fadeUp 1s ease forwards .8s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{padding:var(--spacing-2xl) var(--spacing-md);position:relative;z-index:2}.container{max-width:1200px;margin:0 auto}.section-title{font-size:clamp(2rem,5vw,3rem);text-align:center;margin-bottom:var(--spacing-xl);background:var(--gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:2px;background:var(--gradient-main);transform:scaleX(0);transition:transform .5s ease;transform-origin:right}section:hover .section-title:after{transform:scaleX(1);transform-origin:left}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.card{background:var(--glass);border:1px solid var(--glass-border);padding:var(--spacing-xl);border-radius:16px;-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));transition:transform .3s ease,border-color .3s ease}.card:hover{transform:translateY(-5px);border-color:#ffffff4d;box-shadow:0 10px 30px #00000080}.card h3{margin-bottom:var(--spacing-md);color:var(--color-primary)}