*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:-webkit-fill-available}body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;position:relative;scroll-behavior:smooth;background:linear-gradient(135deg,#0a0e27 0% 50%,#0a0e27)}body:before{content:"";position:fixed;inset:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,150,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,200,255,.1) 0%,transparent 50%),url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="50" height="50" patternUnits="userSpaceOnUse"><path d="M 50 0 L 0 0 0 50" fill="none" stroke="rgba(0,150,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:1;animation:pulseGrid 4s ease-in-out infinite;pointer-events:none;z-index:0}:root{--color-bg-primary: #0a0e27;--color-bg-secondary: #1a1f3a;--color-bg-tertiary: #0f1428;--color-accent-cyan: #00d4ff;--color-accent-blue: #0096ff;--color-accent-light-cyan: #00f0ff;--color-text-primary: #ffffff;--color-text-secondary: #b8d4ff;--color-text-tertiary: #a0d4ff;--color-text-muted: #6a8fb8;--color-glow-blue: rgba(0, 150, 255, .5);--color-glow-cyan: rgba(0, 212, 255, .3);--color-overlay-blue: rgba(0, 150, 255, .15);--color-overlay-cyan: rgba(0, 200, 255, .1);--color-border-blue: rgba(0, 150, 255, .2);--color-border-cyan: rgba(0, 212, 255, .3);--color-bg-glass: rgba(0, 150, 255, .05);--color-bg-dark: rgba(0, 20, 40, .5);--color-bg-darker: rgba(5, 8, 18, .8);--color-success: #00c864;--color-success-bg: rgba(0, 200, 100, .2)}:root{--gradient-bg-main: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 50%, #0f1428 100%);--gradient-accent-primary: linear-gradient(135deg, #00d4ff 0%, #0096ff 50%, #00f0ff 100%);--gradient-accent-button: linear-gradient(135deg, #0096ff 0%, #00d4ff 100%);--gradient-divider: linear-gradient(90deg, transparent 0%, rgba(0, 212, 255, .5) 50%, transparent 100%);--gradient-divider-subtle: linear-gradient(90deg, transparent, rgba(0, 212, 255, .3), transparent);--gradient-shine: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent);--gradient-shine-diagonal: linear-gradient(45deg, transparent 30%, rgba(0, 212, 255, .1) 50%, transparent 70%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow{0%,to{filter:drop-shadow(0 0 40px rgba(0,150,255,.5))}50%{filter:drop-shadow(0 0 60px rgba(0,212,255,.8))}}@keyframes pulseGrid{0%,to{opacity:1}50%{opacity:.7}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}@keyframes dividerGlow{0%,to{opacity:.3;box-shadow:0 0 10px #00d4ff33}50%{opacity:.6;box-shadow:0 0 20px #00d4ff66}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (-webkit-overflow-scrolling: touch){html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--color-text-primary)}