.page{width:min(1100px,92%);margin:0 auto;padding:24px 0 48px}.hero{background:linear-gradient(135deg,#15c,#1f7ae0);color:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow)}.hero h1{margin:0;font-size:clamp(1.7rem,3vw,2.4rem)}.hero p{margin-top:10px;max-width:640px}.controls{margin:24px 0;display:grid;grid-template-columns:1fr;gap:14px}.search-bar label{display:block;margin-bottom:8px;font-weight:600}.search-bar input{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:11px 12px}.filter-toggle{display:flex;gap:8px}.filter-toggle button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 16px;cursor:pointer}.filter-toggle button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.movie-card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.movie-link{text-decoration:none;display:block}.movie-card img{width:100%;aspect-ratio:2 / 3;object-fit:cover}.movie-meta{padding:12px}.movie-meta h3{margin:0;font-size:1rem}.movie-meta p{margin:6px 0 0;color:var(--muted)}.watch-btn{width:calc(100% - 24px);margin:0 12px 12px;border:none;background:var(--primary-soft);color:var(--primary);padding:9px 12px;border-radius:10px;cursor:pointer;font-weight:600}.watch-btn:hover{filter:brightness(.97)}.status{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px}.status.error{color:var(--danger);border-color:#f4c1c1;background:#fff4f4}.spinner{width:38px;height:38px;border:4px solid #cdd9f7;border-top-color:var(--primary);border-radius:50%;margin:18px 0;animation:spin 1s linear infinite}.detail-page .back-link{display:inline-block;margin-bottom:14px;color:var(--primary);text-decoration:none;font-weight:600}.detail-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1fr}.detail-card img{width:100%;max-height:540px;object-fit:cover}.detail-card>div{padding:16px}.detail-muted{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 700px){.controls{grid-template-columns:1fr auto;align-items:end}.detail-card{grid-template-columns:320px 1fr}}:root{--bg: #f7f9fc;--surface: #ffffff;--text: #101623;--muted: #4a5b7a;--primary: #1155cc;--primary-soft: #eaf1ff;--danger: #c62828;--border: #d8e0ef;--shadow: 0 10px 25px rgba(15, 35, 80, .08)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top right,#e8f0ff 0%,var(--bg) 45%);color:var(--text);min-height:100vh}a{color:inherit}button,input{font:inherit}