@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary:#00d4aa;--color-secondary:#3b82f6;--color-danger:#ff4757;--color-warning:#ffa502;--color-bg-dark:#0a0e17;--color-surface:#111827;--color-card:#1f2937;--color-border:#ffffff14;--color-text-primary:#f9fafb;--color-text-secondary:#9ca3af}*{box-sizing:border-box}body{color:#f9fafb;background-color:#05070a;background-image:radial-gradient(at 0 0,#3b82f60d 0,#0000 50%),radial-gradient(at 100% 100%,#00d4aa0d 0,#0000 50%);background-attachment:fixed;margin:0;font-family:Outfit,Inter,system-ui,sans-serif}.glass{-webkit-backdrop-filter:blur(12px);background:#1f293799;border:1px solid #ffffff1a}.premium-card{background:linear-gradient(145deg,#1f2937cc,#111827cc);border:1px solid #ffffff14;border-radius:16px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 30px #0000001a}.premium-card:hover{border-color:#00d4aa33;transform:translateY(-2px);box-shadow:0 8px 40px #0003}.glow-green{box-shadow:0 0 15px #00d4aa33}.glow-blue{box-shadow:0 0 15px #3b82f633}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.pulse{animation:2s ease-in-out infinite pulse}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.6s ease-out forwards slideUp}.text-gradient{background:linear-gradient(90deg,#f9fafb 0%,#9ca3af 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (width<=768px){header{flex-wrap:wrap;gap:12px;min-height:64px;justify-content:center!important;height:auto!important;padding:12px 16px!important}header>div:nth-child(2){border-top:1px solid #ffffff0d;order:3;justify-content:center;width:100%;padding-top:12px;gap:20px!important}.nav-right{display:none}main{padding:16px!important}nav.glass[style*="width: 240"]{z-index:1000!important;border-top:1px solid #ffffff1a!important;border-right:none!important;flex-direction:row!important;justify-content:space-around!important;width:100%!important;height:60px!important;padding:0!important;position:fixed!important;bottom:0!important;left:0!important}nav.glass[style*="width: 240"] a{border-bottom:3px solid #0000;flex:1;justify-content:center;border-left:none!important;flex-direction:column!important;gap:4px!important;padding:8px 0!important;font-size:10px!important}nav.glass[style*="width: 240"] a[style*="borderLeft: 3px solid #00D4AA"]{border-bottom:3px solid #00d4aa!important}body{padding-bottom:60px}}