body{margin:0;font-family:Arial,sans-serif}h1{text-align:center;margin-top:20px;font-size:2rem}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;max-width:1200px;margin:0 auto;padding:20px;display:grid}.movie-card{cursor:pointer;text-align:center;background:#1f2833;border-radius:10px;transition:transform .2s;overflow:hidden;box-shadow:0 8px 20px #00000080}.movie-card:hover{transform:translateY(-6px)}.movie-card img{width:100%;height:300px}.movie-card h2{margin:10px;font-size:1.1rem}.movie-details{padding:20px}.back-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:8px;margin-bottom:20px;padding:10px 14px}.details-container{align-items:flex-start;gap:20px;display:flex}.details-poster{border-radius:12px;width:50%}.details-info{max-width:700px}.details-overview{color:#e2e8f0;margin-top:12px;line-height:1.6}.details-meta{color:#94a3b8;gap:20px;margin-top:16px;display:flex}.details-container{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.search-input{border:none;border-radius:8px;width:300px;padding:10px;font-size:1rem}.search-controls{flex-direction:center;justify-content:center;gap:10px;display:flex}.error{color:red;text-align:center;font-size:14px}.search-btn{color:#fff;cursor:pointer;background-color:#1e293b;border:none;border-radius:8px;margin-left:10px;padding:10px 14px}.pagination{justify-content:center;align-items:center;gap:15px;margin:30px 0;display:flex}.pagination button{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:8px;padding:10px 18px;font-weight:600;transition:background .3s,transform .2s}.pagination button:hover{background:#111827;transform:translateY(-2px)}.pagination button:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination span{font-weight:700}.trailer{flex-direction:column;align-items:center;margin-top:30px;display:flex}.trailer iframe{aspect-ratio:16/9;border-radius:12px;width:100%;max-width:700px}.trailer h3{text-align:center;margin-top:50px;margin-bottom:10px;font-size:1.5em}:root{--bg:#fff;--text:#111}.app.dark{--bg:#0b0c10;--text:#fff}.app.light{--bg:#5f5d46;--text:#111}body{background:var(--bg);color:var(--text)}.mode-btn{cursor:pointer;background:0 0;border:none;margin:10px}.icon{border-radius:50%;width:24px;height:24px;display:inline-block;position:relative}.sun{background:gold;animation:2s infinite sunGlow;box-shadow:0 0 #ffd700b3}@keyframes sunGlow{0%{box-shadow:0 0 #ffd700b3}to{box-shadow:0 0 0 8px #ffd70000}}.moon{background:#fff;animation:2s infinite moonGlow;box-shadow:inset -6px -6px #0003}@keyframes moonGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark-body{color:#fff;background:#0b0c10!important}.light-body{color:#111;background:#fff!important}.app.dark,.app.light{background:var(--bg);color:var(--text)}.spinner{border:6px solid #e0e0e0;border-top-color:#1da1f2;border-radius:50%;width:50px;height:50px;margin:40px auto;animation:1s linear infinite spin}.watch-providers{text-align:center;margin-top:40px}.providers-list{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.provider img{background:#fff;border-radius:8px;width:50px;height:auto;padding:6px}@media (max-width:768px){.details-container{flex-direction:column;align-items:center}.details-poster{border-radius:12px;width:90%}.details-info{text-align:left;max-width:90%}}@keyframes spin{to{transform:rotate(360deg)}}