:root{--bg-dark: #0f172a;--surface-light: #1e293b;--accent-color: #38bdf8;--text-primary: #f8fafc;--text-muted: #94a3b8;--gold: #fbbf24}body{margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#0f1c2f,#060b17)}.error-text{color:#ff6b6b;margin-bottom:10px;font-size:14px;text-align:center}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.password-field{position:relative;width:93%}.password-field input{width:100%;padding-right:42px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none;opacity:.7}.toggle-password:hover{opacity:1}.auth-card{width:380px;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:30px;box-shadow:0 20px 50px #0009;text-align:center}.auth-title{color:#fff;font-size:24px;margin-bottom:6px}.auth-subtitle{color:#9aa4bf;font-size:14px;margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form input{background:#0e1628;border:1px solid #1e2a44;color:#fff;padding:12px 14px;border-radius:10px;font-size:14px;outline:none}.auth-form input:focus{border-color:#3fc1ff}.auth-btn{margin-top:10px;padding:12px;border-radius:10px;border:none;font-size:15px;font-weight:600;background:linear-gradient(135deg,#3fc1ff,#4aa3ff);color:#001018;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.auth-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #3fc1ff59}.auth-toggle{margin-top:18px;font-size:14px;color:#3fc1ff;cursor:pointer}.auth-toggle:hover{text-decoration:underline}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.05)}.logo{font-size:1.6rem;font-weight:800;letter-spacing:-1px}.logo span{color:var(--accent-color)}.nav-items{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-links li{font-weight:500;cursor:pointer;transition:color .3s ease}.nav-links li:hover{color:var(--accent-color)}.badge{background:var(--accent-color);color:var(--bg-dark);padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:700;margin-left:5px}.search-input{background:var(--surface-light);border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:20px;color:#fff;width:200px;transition:width .3s ease}.search-input:focus{outline:none;border-color:var(--accent-color);width:250px}.hero{display:flex;flex-direction:column;width:89%;max-width:100}.logged-user{font-size:2rem;color:#e6f1ff}.hero-content{width:100%;height:50vh;display:flex;flex-direction:column;justify-content:center;padding:0 6%;background:linear-gradient(rgba(15,23,42,.7),var(--bg-dark)),url(https://images.unsplash.com/photo-1478720568477-152d9b164e26?auto=format&fit=crop&w=1500&q=80);background-size:cover;background-position:center}.content-section{width:100%;padding:2rem 6%;background-color:var(--bg-dark)}.content-section h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:1.5rem;border-left:4px solid var(--accent-color);padding-left:12px}.content-section h2{display:flex;align-items:center;gap:8px}.primary-btn{max-width:150px;background-color:#1ca3dd;color:#fff;border:none;padding:8px;border-radius:15px;font-size:20px;font-style:italic}.primary-btn:hover{font-weight:700;background-color:#2aaee7;border-radius:14px;cursor:pointer}.add-btn.watched{background-color:#2ecc71;cursor:default;opacity:.85}.add-btn:disabled{cursor:not-allowed}.movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2.5rem;padding-bottom:50px}.movie-card{background:var(--surface-light);border-radius:16px;overflow:hidden;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;position:relative;display:flex;flex-direction:column}.movie-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.movie-card img{width:100%;height:320px;object-fit:cover;border-bottom:2px solid rgba(255,255,255,.05)}.movie-card h3{font-size:1.1rem;margin:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card button{margin:0 1rem 1rem;background:var(--accent-color);color:var(--bg-dark);border:none;padding:10px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .1s ease}.movie-card button:hover{background:#7dd3fc}.movie-card button:active{transform:scale(.95)}@media(max-width:768px){.nav-items{flex-direction:column-reverse;gap:1rem}.hero h2{font-size:1.5rem}}.footer{margin-top:40px;padding:20px 0;background:#0b132b;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:10px;color:#9ca3af;font-size:14px}.tmdb-badge{display:flex;align-items:center;gap:8px}.tmdb-badge img{height:28px;object-fit:contain}.tmdb-badge span{font-size:13px;color:#9ca3af}body,#root{min-height:100vh;display:flex;flex-direction:column}footer{margin-top:auto}