@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700;800;900&family=Syncopate:wght@400;700;800&display=swap";:root{--bg-primary: #000000;--bg-secondary: rgba(12, 12, 14, .95);--bg-glass: rgba(18, 18, 22, .65);--bg-card: rgba(15, 15, 18, .75);--text-primary: #ffffff;--text-secondary: #a8abb6;--text-muted: rgba(255, 255, 255, .35);--border-glass: rgba(255, 255, 255, .14);--border-metallic: rgba(220, 224, 235, .3);--border-hover: rgba(255, 255, 255, .45);--accent-metallic: linear-gradient(135deg, #FFFFFF 0%, #E2E4E9 25%, #8A8D98 55%, #F0F2F6 85%, #6C6F7B 100%);--accent-silver: #d5d8e0;--accent-primary: #ffffff;--shadow-glass: 0 4px 24px 0 rgba(0, 0, 0, .75);--shadow-card: 0 4px 20px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .15);--shadow-metallic: 0 4px 25px rgba(255, 255, 255, .18);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .9), 0 0 20px rgba(255, 255, 255, .15);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--bottom-nav-height: 60px}*,*:before,*:after{box-sizing:border-box}html{background-color:#000;overscroll-behavior:none;padding-top:env(safe-area-inset-top)}body{margin:0;padding:0;background-color:#000;background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 20% 80%,rgba(140,145,160,.05) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 30%,rgba(200,205,220,.04) 0%,transparent 70%);color:var(--text-primary);font-family:Inter,Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 899px){body{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}}h1,h2,h3,.brand-font{font-family:Syncopate,sans-serif}h4,h5,h6{font-family:Montserrat,sans-serif}.text-metallic{background:linear-gradient(180deg,#fff,#e0e2e8 35%,#8c8f9b 65%,#f0f2f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0px 2px 8px rgba(255,255,255,.2))}.text-silver{color:#d5d8e0;text-shadow:0 0 10px rgba(255,255,255,.2)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px;border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.glass-panel{position:relative;background:var(--bg-card);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--border-glass);border-top:1px solid rgba(255,255,255,.35);box-shadow:var(--shadow-glass),inset 0 1px #ffffff26;transition:all .3s ease;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 25%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.4) 75%,transparent 100%);pointer-events:none}.btn-metallic{background:var(--accent-metallic)!important;color:#000!important;font-weight:800!important;letter-spacing:.08em!important;box-shadow:var(--shadow-metallic)!important;border:none!important;transition:all .3s ease!important;position:relative;overflow:hidden}.btn-metallic:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:rotate(30deg) translateY(-100%);transition:transform .6s ease}.btn-metallic:hover:after{transform:rotate(30deg) translateY(100%)}.btn-metallic:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ffffff59!important}.hover-lift{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.announcement-banner{background:linear-gradient(90deg,#000,#151518,#000);border-bottom:1px solid rgba(255,255,255,.12);padding:8px 16px;text-align:center;font-family:Inter,sans-serif;font-size:.78rem;letter-spacing:.08em;color:#ffffffd9}@keyframes metallicShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease forwards}
