@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0f172a;--bg-darker: #020617;--bg-card: rgba(30, 41, 59, .6);--bg-card-hover: rgba(30, 41, 59, .8);--primary: #8b5cf6;--primary-hover: #7c3aed;--text-main: #f8fafc;--text-muted: #94a3b8;--border-light: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(12px);--sidebar-width: 260px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:#050505;background-image:radial-gradient(ellipse at 20% 0%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(56,189,248,.12) 0%,transparent 50%);background-attachment:fixed;color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.6;animation:orbFloat 15s ease-in-out infinite alternate}.orb-1{width:400px;height:400px;background:#8b5cf633;top:-100px;left:-100px}.orb-2{width:300px;height:300px;background:#38bdf826;bottom:10%;right:5%;animation-delay:-5s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,30px) scale(1.1)}to{transform:translate(-20px,60px) scale(.9)}}.glass-panel{background:#0f172a66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 25px 50px -12px #00000080}.premium-login-card{box-shadow:0 0 40px #000c,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.05);background:linear-gradient(145deg,#14192899,#0a0f19cc)}.glass-input{background:#0003;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:12px 16px;border-radius:10px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.premium-input{background:#0f172a80;box-shadow:inset 0 2px 4px #0000004d}.glass-input:focus{border-color:#8b5cf699;background:#141e32b3;box-shadow:0 0 0 3px #8b5cf626,inset 0 2px 4px #0000004d}.group:focus-within .input-icon{color:var(--primary)!important;filter:drop-shadow(0 0 5px rgba(139,92,246,.5))}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:none;padding:14px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;display:flex;justify-content:center;align-items:center;gap:8px;position:relative;overflow:hidden}.premium-btn{box-shadow:0 4px 15px #6d28d94d,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.btn-primary:hover:after{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#9366f9,#763ced)}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 10px #8b5cf64d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.category-pill{padding:10px 24px;border-radius:30px;background:#1e293b99;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-weight:500;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-pill:hover{background:#8b5cf633;color:#fff;border-color:#8b5cf666}.category-pill.active{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border-color:#8b5cf680;box-shadow:0 4px 15px #8b5cf666}.category-list-item{padding:14px 20px;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease;width:100%;margin-bottom:8px;display:block}.category-list-item:hover{background:#ffffff0d;color:#fff}.category-list-item.active{background:linear-gradient(135deg,#8b5cf64d,#6d28d91a);border:1px solid rgba(139,92,246,.3);color:#fff;font-weight:600;box-shadow:0 4px 15px #0003}.premium-poster{position:relative;background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 30px -10px #00000080}.premium-poster:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;border:2px solid transparent;transition:border-color .4s ease;pointer-events:none;z-index:20}.premium-poster:hover{transform:scale(1.06) translateY(-5px);box-shadow:0 20px 40px #000000b3,0 0 20px #8b5cf64d;z-index:10}.premium-poster:hover:after{border-color:#ffffff4d}.poster-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 60%,transparent 100%);padding:30px 16px 16px;transition:opacity .3s ease}.poster-title{color:#fff;font-size:15px;font-weight:600;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.8);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}