@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #0A1128;--bg2: #101935;--bg3: #172445;--card: rgba(255, 255, 255, .04);--card-hover: rgba(33, 150, 243, .08);--border: rgba(56, 189, 248, .3);--border-hover: rgba(56, 189, 248, .7);--text: #FFFFFF;--text2: rgba(255, 255, 255, .7);--text3: rgba(255, 255, 255, .45);--purple: #38BDF8;--pink: #2563EB;--cyan: #00CFFF;--gold: #FF9F0A;--red: #FF4757;--green: #2ED573;--grad: linear-gradient(135deg, #38BDF8 0%, #2563EB 100%);--grad-cyan: linear-gradient(135deg, #00CFFF 0%, #38BDF8 100%);--grad-gold: linear-gradient(135deg, #FF9F0A 0%, #2563EB 100%);--glow: 0 0 20px rgba(56, 189, 248, .35);--glow-pink: 0 0 20px rgba(37, 99, 235, .35);--glow-cyan: 0 0 20px rgba(0, 207, 255, .35);--shadow: 0 8px 32px rgba(0, 0, 0, .6);--r: 20px;--r2: 14px;--r3: 10px;--r4: 50px}html,body{max-width:100vw;overflow-x:hidden}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Poppins,sans-serif}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:4px}@media (max-width: 768px){::-webkit-scrollbar{display:none}}.glass{background:var(--card);border:1px solid var(--border);border-radius:var(--r);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.glass:hover{border-color:var(--border-hover);box-shadow:var(--glow)}.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grad-text-cyan{background:var(--grad-cyan);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--r3);font-family:Poppins,sans-serif;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:all .3s}.btn-grad{background:var(--grad);color:#fff}.btn-grad:hover{transform:translateY(-2px);box-shadow:var(--glow)}.btn-outline{background:transparent;color:var(--purple);border:1px solid var(--purple)}.btn-outline:hover{background:#8a2eff1a;box-shadow:var(--glow)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--purple);color:#fff}.neon-purple{box-shadow:var(--glow)}.neon-pink{box-shadow:var(--glow-pink)}.neon-cyan{box-shadow:var(--glow-cyan)}.input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--r2);color:var(--text);font-family:Poppins,sans-serif;font-size:14px;outline:none;transition:all .3s}.input:focus{border-color:var(--purple);box-shadow:var(--glow)}.input::placeholder{color:var(--text3)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:600}.badge-purple{background:#8a2eff33;color:var(--purple);border:1px solid rgba(138,46,255,.3)}.badge-pink{background:#ff2daa33;color:var(--pink);border:1px solid rgba(255,45,170,.3)}.badge-cyan{background:#00cfff33;color:var(--cyan);border:1px solid rgba(0,207,255,.3)}.badge-gold{background:#ff9f0a33;color:var(--gold);border:1px solid rgba(255,159,10,.3)}.container{max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.grid-2>*,.grid-3>*,.grid-4>*{min-width:0}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 500px){.grid-4,.grid-3,.grid-2{grid-template-columns:repeat(2,1fr);gap:10px}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.w-full{width:100%}.text-center{text-align:center}.text-sm{font-size:14px}.text-xs{font-size:12px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.layout-main{padding-left:260px}.desktop-sidebar{display:block}.hidden-on-desktop{display:none!important}.hidden-on-mobile{display:block}@media (max-width: 1024px){.layout-main{padding-left:0;padding-top:60px;padding-bottom:60px}.layout-main.is-reels{padding-top:0;padding-bottom:0}.desktop-sidebar{display:none}.hidden-on-desktop{display:flex!important}.hidden-on-mobile{display:none!important}}@media (max-width: 768px){.layout-main{max-width:420px;margin:0 auto}.mobile-header,.mobile-bottom-nav{max-width:420px;left:50%!important;transform:translate(-50%)}.layout-main.is-reels{padding:0}}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:20px;overflow:hidden}.auth-panel{width:100%;max-width:480px;padding:40px;z-index:1;border-radius:24px}@media (max-width: 480px){.auth-panel{padding:24px;border-radius:16px}.auth-panel h1{font-size:24px!important}}