@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--primary-color:#a855f7;--primary-color-hover:#7e22ce;--secondary-color:#38bdf8;--accent-color:#f472b6;--bg-color:#020617;--card-bg:#1e293b99;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff14;--success-color:#4ade80;--danger-color:#f87171;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a33 0,#0000 50%),radial-gradient(at 100% 0,#72274133 0,#0000 50%);min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-color-hover));color:#fff;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.bottom-nav-container{z-index:1000;pointer-events:none;background:linear-gradient(#0000,#0f172af2);padding:10px 20px 25px;position:fixed;bottom:0;left:0;right:0}.bottom-nav{pointer-events:auto;-webkit-backdrop-filter:blur(16px);background:#1e293bcc;border:1px solid #ffffff1a;border-radius:20px;justify-content:space-around;max-width:600px;margin:0 auto;padding:8px;display:flex;box-shadow:0 10px 30px #00000080}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 12px;transition:all .2s;display:flex}.nav-item.active{color:var(--primary-color);background:#a855f71a}.nav-icon{font-size:20px}.nav-label{font-size:11px;font-weight:600}@media (width<=640px){.bottom-nav-container{padding:10px 10px 20px}.nav-label{display:none}.nav-icon{font-size:24px}}