:root{--bg:#08010f;--bg2:#0d0118;--glass:#ffffff0d;--border:#ffffff14;--accent:#ec4899;--accent2:#8b5cf6}body{background-color:var(--bg);color:#fff;overflow-x:hidden}@media (width<=767px){body{padding-bottom:64px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass-card{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fallback-spinner{border:4px solid var(--border);border-top:4px solid var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@tailwind base;@tailwind components;@tailwind utilities;.desktop-nav,.mobile-nav{z-index:1000}@media (width>=768px){.mobile-nav{display:none!important}.desktop-nav{-webkit-backdrop-filter:blur(20px);background:#08010fe6;border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;width:100%;height:56px;display:flex;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 24px;display:flex}.nav-brand{background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px;font-weight:700}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{text-transform:uppercase;letter-spacing:.05em;color:#fff9;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.nav-link.active{color:#ec4899}}@media (width<=767px){.desktop-nav{display:none!important}.mobile-nav{-webkit-backdrop-filter:blur(20px);background:#08010ff2;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;width:100%;height:64px;display:flex;position:fixed;bottom:0;left:0}.mobile-tab{color:#fff6;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;text-decoration:none;transition:all .2s;display:flex}.mobile-icon{margin-bottom:2px;font-size:20px;line-height:1}.mobile-label{font-size:10px;font-weight:500}.mobile-tab.active{color:#ec4899}.mobile-tab.active .mobile-icon,.mobile-tab.active .mobile-label{color:#ec4899;text-shadow:0 0 8px #ec4899}}