@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";.auth-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) authFadeIn;display:flex;position:fixed;inset:0}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-card{background:#0f1015;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:440px;padding:28px 32px;animation:.25s cubic-bezier(.16,1,.3,1) authSlideUp;position:relative;box-shadow:0 24px 48px #000c,0 0 0 1px #ffffff0d}@keyframes authSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-modal-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.auth-modal-close:hover{color:#fff;background:#ffffff1a}.auth-modal-header{text-align:center;margin-bottom:20px}.auth-modal-logo{justify-content:center;margin-bottom:12px;display:flex}.auth-modal-title{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:20px;font-weight:700}.auth-modal-subtitle{color:#fff9;margin:0;font-size:13px;line-height:1.4}.auth-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-bottom:20px;padding:3px;display:flex}.auth-tab-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s}.auth-tab-btn.active{color:#fff;background:#e50914}.auth-tab-btn:hover:not(.active){color:#fff}.auth-error-banner{color:#f87171;background:#ef44441f;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.auth-success-banner{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.auth-form-group{margin-bottom:16px}.auth-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.auth-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:all .15s}.auth-input:focus{background:#ffffff14;border-color:#e50914;box-shadow:0 0 0 3px #e5091433}.auth-input-toggle{color:#ffffff80;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.auth-input-toggle:hover{color:#fff}.auth-otp-input{letter-spacing:8px;text-align:center;font-size:22px;font-weight:700}.auth-remember-row{cursor:pointer;user-select:none;align-items:center;gap:8px;margin-bottom:18px;display:flex}.auth-checkbox{appearance:none;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:4px;place-content:center;width:16px;height:16px;transition:all .15s;display:grid}.auth-checkbox:checked{background:#e50914;border-color:#e50914}.auth-checkbox:checked:before{content:"✓";color:#fff;font-size:11px;font-weight:700}.auth-remember-text{color:#ffffffb3;font-size:13px}.auth-forgot-btn{color:#e50914;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;transition:color .15s}.auth-forgot-btn:hover{text-decoration:underline}.auth-submit-btn{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.auth-submit-btn:hover:not(:disabled){background:#f40612;transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-resend-row{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.auth-secondary-btn{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;transition:color .15s}.auth-secondary-btn:hover:not(:disabled){color:#fff;text-decoration:underline}.auth-secondary-btn:disabled{opacity:.4;cursor:not-allowed}.auth-account-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:20px;padding:16px}.auth-account-row{justify-content:space-between;align-items:center;display:flex}.auth-account-email{color:#fff;word-break:break-all;font-size:14px;font-weight:600}.auth-account-tag{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}:root{--bg-deep:#050507;--bg-main:#0a0a0d;--bg-surface:#121217;--bg-elevated:#1a1a21;--accent-primary:#e50914;--accent-glow:#e5091466;--accent-soft:#e509141a;--text-main:#fff;--text-muted:#a0a0ab;--text-dim:#71717a;--glass-bg:#121217b3;--glass-border:#ffffff14;--glass-shine:#ffffff08;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 4px 12px #00000080;--shadow-md:0 12px 32px #000000b3;--shadow-lg:0 24px 64px #000c;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-deep);width:100%;height:100%;color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.glass{border:1px solid var(--glass-border);background:#ffffff08}.glass-blur{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:inset 0 0 0 1px var(--glass-shine);background:#ffffff0d}.glass-card{backdrop-filter:blur(10px);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffffff0d,#fff0);border:1px solid #ffffff1a}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.premium-scroll{scrollbar-gutter:stable;overflow-y:auto}.premium-scroll::-webkit-scrollbar{width:6px}.premium-scroll::-webkit-scrollbar-track{background:0 0}.premium-scroll::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:10px}.premium-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.hover-lift{transition:transform .3s cubic-bezier(.2,0,0,1),box-shadow .3s cubic-bezier(.2,0,0,1)}.hover-lift:hover{box-shadow:var(--shadow-lg), 0 0 20px var(--accent-glow);transform:translateY(-8px)scale(1.02)}.hero-gradient{background:linear-gradient(180deg, #05050700 0%, #050507cc 70%, var(--bg-deep) 100%)}.text-gradient{background:linear-gradient(135deg,#fff 0%,#a0a0ab 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;transition:all .2s}button:active{transform:scale(.95)}img{user-select:none;max-width:100%;display:block}.player-container{aspect-ratio:16/9;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#000;position:relative;overflow:hidden}