@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-space:#0b0d11;--bg-deep:#11141a;--bg-card:#171b22;--bg-card-hover:#1e232d;--bg-input:#0b0d11;--accent-celeste:#609ad6;--accent-celeste-hover:#4e86c0;--accent-gold:#cca053;--accent-gold-hover:#b88f44;--accent-cyan:var(--accent-celeste);--accent-cyan-hover:var(--accent-celeste-hover);--accent-emerald:#2fa866;--accent-orange:#d9822b;--accent-crimson:#d64545;--text-pure:#fff;--text-main:#eef2f6;--text-muted:#8c9ba5;--text-dark:#4e5964;--border-glow:#cca05326;--border-soft:#ffffff14;--border-focus:#609ad666;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-glow:0 4px 20px #0006;--shadow-cyan:0 4px 20px #0006;--shadow-card:0 8px 30px #00000080;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .35s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-space);max-width:100vw;min-height:100vh;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 80% 20%,#74acdf17 0%,#0000 40%),radial-gradient(circle at 20% 80%,#f3b43f0f 0%,#0000 40%);width:140%;height:140%;position:fixed;top:-20%;left:-20%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-space)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:var(--radius-full);border:2px solid var(--bg-space)}::-webkit-scrollbar-thumb:hover{background:var(--text-dark)}h1,h2,h3,h4,h5,h6{font-family:"Montserrat", var(--font-sans);color:var(--text-pure);letter-spacing:-.02em;font-weight:700;line-height:1.25}p{color:var(--text-muted);line-height:1.6}a{color:var(--accent-cyan);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--text-pure)}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#151c2cb3}.gold-glow{box-shadow:var(--shadow-glow);border-color:var(--accent-gold)}.cyan-glow{box-shadow:var(--shadow-cyan);border-color:var(--accent-cyan)}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-bounce);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-gold) 0%, #f59e0b 100%);color:var(--bg-space);box-shadow:0 4px 15px #f59e0b4d}.btn-primary:hover{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b73}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-pure);border:1px solid var(--border-soft);background:#ffffff0d}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff14;transform:translateY(-1px)}.btn-cyan{background:linear-gradient(135deg, var(--accent-cyan) 0%, #0891b2 100%);color:var(--bg-space);box-shadow:0 4px 15px #06b6d44d}.btn-cyan:hover{background:linear-gradient(135deg,#0891b2 0%,#0db8de 100%);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d473}.input-group{flex-direction:column;gap:8px;width:100%;display:flex}.input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.input-field{background-color:var(--bg-input);border:1px solid var(--border-soft);color:var(--text-pure);border-radius:var(--radius-md);font-family:var(--font-sans);transition:var(--transition-smooth);outline:none;width:100%;padding:12px 16px;font-size:.95rem}.input-field:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #06b6d426}.input-field::placeholder{color:var(--text-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%;display:grid}:root.light-theme,body.light-theme{--bg-space:#f7f9fc;--bg-deep:#edf1f6;--bg-card:#fff;--bg-card-hover:#f3f7fb;--bg-input:#fff;--accent-celeste:#4a8cc7;--accent-celeste-hover:#3572a7;--accent-gold:#d7971e;--accent-gold-hover:#ba7f12;--text-pure:#0f172a;--text-main:#334155;--text-muted:#57687e;--text-dark:#8e9fb2;--border-glow:#d7971e26;--border-soft:#4a8cc726;--border-focus:#4a8cc766;--shadow-glow:0 4px 20px #d7971e14;--shadow-cyan:0 4px 20px #4a8cc714;--shadow-card:0 10px 30px -10px #4a556814}.light-theme body:before{background:radial-gradient(circle at 80% 20%,#4a8cc71f 0%,#0000 45%),radial-gradient(circle at 20% 80%,#d7971e14 0%,#0000 45%)}.light-theme .glass-panel{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;color:var(--text-main)!important;box-shadow:var(--shadow-card)!important;background:#ffffffb3!important;border:1px solid #4a8cc71f!important}.light-theme .glass-panel:hover{background:#ffffffd9!important;border-color:#4a8cc740!important}.light-theme .input-field{color:#0f172a!important;background-color:#fff!important;border-color:#4a8cc733!important}.light-theme .input-field:focus{border-color:var(--accent-celeste)!important;box-shadow:0 0 10px #4a8cc733!important}.light-theme .btn-secondary{color:var(--text-pure)!important;background:#fffc!important;border:1px solid #4a8cc733!important}.light-theme .btn-secondary:hover{border-color:var(--accent-celeste)!important;background:#4a8cc70f!important}.mobile-menu-btn{display:none!important}.navbar-nav{align-items:center;gap:24px;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition-smooth);align-items:center;gap:6px;font-weight:500;display:flex}.nav-link:hover{color:var(--text-pure)}.user-section{align-items:center;gap:12px;display:flex}.user-badge{border-radius:var(--radius-full);border:1px solid var(--border-soft);background:#ffffff08;align-items:center;gap:16px;padding:6px 14px;display:flex}.user-name{color:var(--text-pure);font-size:.85rem;font-weight:600}.user-points{color:var(--accent-gold);justify-content:flex-end;align-items:center;font-size:.75rem;font-weight:700;display:flex}.user-avatar-icon{color:var(--accent-cyan);cursor:pointer;transition:var(--transition-smooth)}.user-avatar-icon:hover{transform:scale(1.05)}.light-theme .user-badge{background:#00000008;border-color:#4a8cc71f}@media (max-width:992px){.mobile-menu-btn{display:block!important}.navbar-nav{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#11141af5;flex-direction:column;align-items:stretch;gap:20px;padding:24px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0}.light-theme .navbar-nav{background:#fffffffa;border-color:#4a8cc71f}.navbar-nav.open{display:flex}.nav-link{border-bottom:1px solid #ffffff0a;justify-content:flex-start;width:100%;padding:12px}.light-theme .nav-link{border-bottom-color:#0000000a}.user-section{flex-direction:column;align-items:stretch;gap:16px;padding-top:10px}.user-badge{background:#ffffff0d;justify-content:space-between;padding:10px 16px}.login-btn{text-align:center;width:100%}.theme-toggle-wrapper{border-top:1px solid #ffffff0a;justify-content:center;padding-top:10px;display:flex}.light-theme .theme-toggle-wrapper{border-top-color:#0000000a}}