.nav-menu{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem;padding:1rem;background:var(--card-bg);border-radius:15px;border:1px solid var(--card-border)}.nav-btn{padding:.75rem 1.5rem;background:var(--space-blue);border:2px solid var(--card-border);border-radius:25px;color:var(--text-light);font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:500}.nav-btn:hover{background:var(--earth-blue);transform:translateY(-2px);box-shadow:0 5px 15px #4a90e24d}.nav-btn.active{background:linear-gradient(135deg,var(--sun-yellow),var(--sun-orange));color:var(--space-dark);border-color:var(--sun-yellow);box-shadow:0 0 20px #ffd70080}.loading{text-align:center;padding:3rem;color:var(--text-dim);font-size:1.2rem}*{margin:0;padding:0;box-sizing:border-box}:root{--space-dark: #0a0e27;--space-blue: #1a1f3a;--star-color: #ffffff;--sun-yellow: #ffd700;--sun-orange: #ff8c00;--earth-blue: #4a90e2;--text-light: #ffffff;--text-dim: #b0b0b0;--success-green: #4caf50;--error-red: #f44336;--card-bg: rgba(26, 31, 58, .9);--card-border: rgba(255, 255, 255, .1)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--space-dark);color:var(--text-light);min-height:100vh;position:relative;overflow-x:hidden}#root{min-height:100vh}.stars,.stars2,.stars3{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.stars{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><circle cx="20" cy="20" r="1" fill="white" opacity="0.8"/><circle cx="50" cy="30" r="0.5" fill="white" opacity="0.6"/><circle cx="80" cy="60" r="1" fill="white" opacity="0.7"/><circle cx="30" cy="80" r="0.8" fill="white" opacity="0.5"/></svg>') repeat;animation:move-stars 200s linear infinite}.stars2{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150"><circle cx="40" cy="40" r="0.5" fill="white" opacity="0.6"/><circle cx="100" cy="60" r="1" fill="white" opacity="0.5"/><circle cx="60" cy="120" r="0.7" fill="white" opacity="0.7"/></svg>') repeat;animation:move-stars 150s linear infinite}.stars3{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><circle cx="80" cy="80" r="0.5" fill="white" opacity="0.4"/><circle cx="150" cy="100" r="0.8" fill="white" opacity="0.5"/></svg>') repeat;animation:move-stars 100s linear infinite}@keyframes move-stars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:1rem}header{text-align:center;padding:2rem 1rem;margin-bottom:2rem}header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 0 20px var(--sun-yellow);background:linear-gradient(45deg,var(--sun-yellow),var(--sun-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-dim);font-size:1.1rem}.btn{padding:.75rem 2rem;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-primary{background:linear-gradient(135deg,var(--sun-yellow),var(--sun-orange));color:var(--space-dark)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ffd70066}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--card-bg);border-radius:15px;padding:1.5rem;border:1px solid var(--card-border);margin-bottom:1.5rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--card-bg);border-radius:20px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid var(--card-border)}.hidden{display:none!important}@media (max-width: 768px){header h1{font-size:1.8rem}}