*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #0d0d1a;--cyan: #00d4ff;--purple: #7c3aed;--green: #00ff88;--text-primary: #e0e0e0;--text-muted: #888;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}.app{width:100%;height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#0d0d2b,#0a0a0f 70%)}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(0,212,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(124,58,237,.03) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,255,136,.02) 0%,transparent 40%);z-index:0;pointer-events:none}.content{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.logo-container{display:flex;flex-direction:column;align-items:center;gap:24px;opacity:0;transform:translateY(30px) scale(.95);transition:all 1s cubic-bezier(.16,1,.3,1)}.logo-container.loaded{opacity:1;transform:translateY(0) scale(1)}.logo-icon{width:160px;height:160px;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(124,58,237,.3))}.logo-icon svg{width:100%;height:100%}.hex-frame{stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawHex 2s ease-out .5s forwards}.bracket-left{stroke-dasharray:300;stroke-dashoffset:300;animation:drawLine 1s ease-out 1.2s forwards}.bracket-right{stroke-dasharray:300;stroke-dashoffset:300;animation:drawLine 1s ease-out 1.4s forwards}.node{animation:pulse 2s ease-in-out infinite}.n1{animation-delay:0s}.n2{animation-delay:.3s}.n3{animation-delay:.6s}.n4{animation-delay:.9s}.n5{animation-delay:1.2s}.n6{animation-delay:1.5s}.connection{stroke-dasharray:200;stroke-dashoffset:200;animation:drawLine .8s ease-out 1.8s forwards}.logo-text{text-align:center}.logo-text h1{font-size:4.5rem;font-weight:900;letter-spacing:-2px;line-height:1;margin-bottom:12px}.logo-text .code{font-family:var(--font-mono);background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.logo-text .ai{font-family:var(--font-sans);background:linear-gradient(135deg,#7c3aed,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:4px}.tagline{font-size:1.1rem;font-weight:300;color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;opacity:0;animation:fadeInUp 1s ease-out 1.5s forwards}.logo-subtitle{margin-top:12px;opacity:0;animation:fadeInUp 1s ease-out 2s forwards}.typing-text{font-family:var(--font-mono);font-size:.95rem;color:var(--green);text-shadow:0 0 10px rgba(0,255,136,.3)}.cursor{animation:blink .8s step-end infinite;color:var(--cyan);font-weight:700}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes drawHex{to{stroke-dashoffset:0}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 768px){.logo-icon{width:120px;height:120px}.logo-text h1{font-size:3rem}.tagline{font-size:.8rem;letter-spacing:2px}.typing-text{font-size:.75rem}}@media (max-width: 480px){.logo-icon{width:90px;height:90px}.logo-text h1{font-size:2.2rem}.tagline{font-size:.65rem}}