@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;600;800&display=swap";
:root{--bg-color:#030305;--bg-surface:#0a0a0f;--panel-color:#0f0f1499;--accent-color:#fca311;--accent-hover:#ffb733;--accent-glow:#fca31166;--accent-muted:#fca3111a;--text-main:#fff;--text-muted:#8a8f98;--text-gradient:linear-gradient(135deg, #fff 0%, #a1a1aa 100%);--border-color:#ffffff0f;--border-highlight:#ffffff26;--glass-bg:#0a0a0f80;--nav-height:80px;--dash-bg:#030305;--dash-sidebar:#0a0a0f;--dash-card:#0f0f1499;--dash-accent:#fca311;--dash-accent-muted:#fca3111a;--dash-border:#ffffff0f;--dash-text:#fff;--dash-text-muted:#8a8f98;--dash-success:#22c55e;--dash-error:#ef4444}@media (max-width:1024px){:root{--nav-height:70px}}@media (max-width:768px){:root{--nav-height:64px}html,body{font-size:14px}}@media (max-width:480px){html,body{font-size:13px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 15% 0,#fca31114 0%,#0000 40%),radial-gradient(circle at 85% 30%,#5865f20d 0%,#0000 40%),radial-gradient(circle at 50% 100%,#fca3110d 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.outfit-font{font-family:Outfit,sans-serif}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.container{padding:0 1.25rem}}a{color:inherit;text-decoration:none;transition:color .3s}button{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-color) 0%, #e59400 100%);color:#000;border:1px solid #ffffff1a;border-radius:100px;padding:.85rem 2rem;font-size:1rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 0 20px #fca31133,inset 0 1px 1px #fff6}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #fca31166,inset 0 1px 1px #fff6}.btn-primary:hover:before{transform:translate(100%)}.btn-primary:active{transform:translateY(0)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;transition:border-color .3s,box-shadow .3s,transform .3s;box-shadow:inset 0 1px 1px #ffffff0d,0 10px 40px #0006}.glass-panel:hover{border-color:var(--border-highlight);box-shadow:inset 0 1px 1px #ffffff1a,0 15px 50px #00000080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #fca31166}70%{box-shadow:0 0 0 15px #fca31100}to{box-shadow:0 0 #fca31100}}.animate-fade-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#030305b3;align-items:center;transition:all .3s;display:flex;position:sticky;top:0}.navbar-content{justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;display:flex}.navbar-brand{z-index:1001;font-family:Outfit,sans-serif;text-decoration:none}.text-logo{background:linear-gradient(135deg,#fca311 0%,#ff5e00 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.auth-user{align-items:center;gap:1rem;display:flex}.avatar{border:2px solid var(--border-color);object-fit:cover;border-radius:50%;width:40px;height:40px;transition:border-color .3s}.avatar:hover{border-color:var(--accent-color)}.signout-btn{color:var(--text-muted);border:1px solid var(--border-color);background:0 0;border-radius:100px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}.signout-btn:hover{color:var(--text-main);border-color:var(--border-highlight);background:#ffffff0d}.btn-topgg{color:#fff;background:#5865f21a;border:1px solid #5865f24d;border-radius:100px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-topgg:hover{background:#5865f233;border-color:#5865f2;transform:translateY(-2px);box-shadow:0 0 20px #5865f233}@media (max-width:768px){.text-logo{font-size:1.5rem}h1{font-size:2.5rem;line-height:1.1}h2{font-size:2rem;line-height:1.2}h3{font-size:1.5rem}}@media (max-width:480px){.btn-primary,.btn-topgg{justify-content:center;width:100%;padding:1rem}}