:root{--primary-bg: #0a1929;--secondary-bg: #132f4c;--accent-cyan: #00d4ff;--accent-blue: #0066ff;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--success: #10b981;--error: #ef4444;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a1929,#132f4c,#1a365d);color:var(--text-primary);line-height:1.6;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(0,212,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,102,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(16,185,129,.05) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes backgroundShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}app-root{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1;padding:2rem 1rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--primary-bg)}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}::selection{background:#00d4ff4d;color:var(--text-primary)}*:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}