:root{--bg-app: #030712;--bg-panel: #0f172a;--bg-card: #1e293b;--bg-input: #0f172a;--primary: #6366f1;--primary-hover: #4f46e5;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #334155;--success: #10b981;--danger: #ef4444;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--header-height: 80px;--max-width: 1400px;--radius: 12px}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-app);color:var(--text-main);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.full-screen{min-height:100vh;width:100%}.hidden-mobile{display:none}@media(min-width:768px){.hidden-mobile{display:flex}}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.2}h1{font-size:3rem;letter-spacing:-.05em}h2{font-size:2rem;letter-spacing:-.03em}p{margin:0;color:var(--text-muted);line-height:1.6}.text-center{text-align:center}.text-gradient{background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:1rem}.btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:#ffffff0d;color:#fff}.input-group{position:relative;width:100%;margin-bottom:1rem}.input-field{width:100%;background:var(--bg-input);border:1px solid var(--border);padding:14px 16px 14px 44px;border-radius:var(--radius);color:#fff;font-size:1rem;font-family:inherit;transition:border-color .2s}.input-field:focus{outline:none;border-color:var(--primary)}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.login-split-layout{display:flex;min-height:100vh}.login-brand-side{width:50%;background:var(--bg-panel);position:relative;overflow:hidden;display:none;flex-direction:column;justify-content:center;padding:4rem}@media(min-width:1024px){.login-brand-side{display:flex}}.login-brand-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;opacity:.2}.login-brand-content{position:relative;z-index:10;max-width:500px}.login-form-side{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:var(--bg-app)}.login-card{width:100%;max-width:400px}.navbar{height:var(--header-height);border-bottom:1px solid var(--border);display:flex;align-items:center;background:#030712cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.card-item{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid transparent;transition:all .3s ease;position:relative}.card-item:hover{transform:translateY(-5px);border-color:var(--border);box-shadow:0 10px 30px -10px #00000080}.card-poster{aspect-ratio:2/3;width:100%;object-fit:cover}.stat-box{background:var(--bg-panel);border:1px solid var(--border);padding:1rem 1.5rem;border-radius:var(--radius);display:flex;align-items:center;gap:1rem}