:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;--color-bg: #0a0e17;--color-bg-secondary: #111827;--color-primary: #3366FF;--color-primary-glow: rgba(51, 102, 255, .5);--color-accent: #00E0FF;--color-text: #F3F4F6;--color-text-muted: #9CA3AF;--color-card-bg: rgba(31, 41, 55, .6);--color-card-border: rgba(255, 255, 255, .1);--gradient-main: linear-gradient(135deg, #3366FF 0%, #00E0FF 100%);--shadow-glow: 0 0 20px var(--color-primary-glow);background-color:var(--color-bg);color:var(--color-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}#root{width:100%;margin:0 auto}h1,h2,h3,h4,h5{margin:0;line-height:1.1;font-weight:700}h1{font-size:3.5rem;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.2em}h2{font-size:2.5rem;margin-bottom:1rem}p{color:var(--color-text-muted);font-size:1.125rem;line-height:1.75}.glass-panel{background:var(--color-card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-card-border);border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.glass-panel:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:#3366ff4d}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn-primary{background:var(--gradient-main);border:none;border-radius:8px;padding:.8em 1.6em;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:opacity .25s,transform .1s;text-decoration:none;display:inline-block;box-shadow:0 4px 14px #00e0ff4d}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}.container{padding:0 1rem}}