@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700&family=Inter:wght@300;400;500&display=swap");:root{--bg:#0d0d0f;--bg-2:#111116;--bg-3:#181820;--accent:#e03f3f;--accent-dim:rgba(224,63,63,.15);--border:hsla(0,0%,100%,.07);--text-1:#e8e8ec;--text-2:hsla(0,0%,100%,.5);--text-3:hsla(0,0%,100%,.25);--gold:#f5a623;--radius:10px;--radius-sm:6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text-1);min-height:100vh}a{color:inherit;text-decoration:none}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:58px;background:rgba(13,13,15,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.logo{font-family:Unbounded,sans-serif;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.5px}.logo-accent{color:var(--accent)}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{font-size:13px;color:var(--text-2);transition:color .2s}.nav-links a.active,.nav-links a:hover{color:#fff}.nav-right{gap:12px}.nav-right,.search-wrap{display:flex;align-items:center}.search-wrap{gap:8px;background:hsla(0,0%,100%,.05);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;height:34px;width:200px;transition:border-color .2s}.search-wrap:focus-within{border-color:hsla(0,0%,100%,.2)}.search-wrap input{background:none;border:none;outline:none;color:var(--text-1);font-size:13px;width:100%;font-family:inherit}.search-wrap input::placeholder{color:var(--text-3)}.search-wrap svg{width:14px;height:14px;opacity:.4;flex-shrink:0}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-dim);border:1px solid rgba(224,63,63,.3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;cursor:pointer}.hero{position:relative;height:480px;overflow:hidden}.hero-img{width:100%;height:100%;object-fit:cover;opacity:.3}.hero-gradient,.hero-img{position:absolute;inset:0}.hero-gradient{background:linear-gradient(to right,var(--bg) 35%,transparent 65%),linear-gradient(to top,var(--bg) 0,transparent 40%)}.hero-content{position:relative;padding:80px 32px 40px;max-width:520px}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-dim);border:1px solid rgba(224,63,63,.4);color:var(--accent);font-size:11px;font-weight:500;padding:4px 12px;border-radius:20px;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase}.hero-title{font-family:Unbounded,sans-serif;font-size:32px;font-weight:700;line-height:1.15;margin-bottom:12px;color:#fff}.hero-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;color:var(--text-2);flex-wrap:wrap}.hero-meta .sep{width:3px;height:3px;border-radius:50%;background:var(--text-3)}.rating{color:var(--gold);font-weight:500}.badge{background:hsla(0,0%,100%,.08);padding:2px 7px;border-radius:4px;font-size:11px}.badge,.hero-desc{color:var(--text-2)}.hero-desc{font-size:14px;line-height:1.75;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;border:none;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#c93535}.btn-secondary{background:hsla(0,0%,100%,.07);color:#fff;border:1px solid hsla(0,0%,100%,.12)}.btn-secondary:hover{background:hsla(0,0%,100%,.12)}.section{padding:0 32px;margin-bottom:40px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title{font-family:Unbounded,sans-serif;font-size:14px;font-weight:700;color:#fff;letter-spacing:-.3px}.see-all{font-size:12px;color:var(--text-3);transition:color .2s}.see-all:hover{color:var(--text-2)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:14px;gap:14px}.card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg-3);cursor:pointer;transition:transform .25s}.card:hover{transform:translateY(-4px)}.card-poster{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.95) 0,transparent);padding:32px 10px 10px}.card-title{font-size:12px;font-weight:500;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px}.card-rating{color:var(--gold);font-weight:500}.card-year{color:var(--text-3)}.card-quality{background:hsla(0,0%,100%,.1);padding:1px 5px;border-radius:3px;font-size:10px;color:var(--text-2)}.card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;background:rgba(0,0,0,.3)}.card:hover .card-play{opacity:1}.card-play-btn{width:44px;height:44px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.genres-wrap{display:flex;flex-wrap:wrap;gap:8px}.genre-tag{padding:7px 16px;border-radius:20px;border:1px solid var(--border);font-size:13px;color:var(--text-2);cursor:pointer;transition:all .2s;background:hsla(0,0%,100%,.03)}.genre-tag.active,.genre-tag:hover{background:var(--accent-dim);border-color:rgba(224,63,63,.4);color:#fff}.movie-backdrop{position:relative;height:420px;overflow:hidden}.movie-backdrop img{width:100%;height:100%;object-fit:cover;opacity:.25}.movie-backdrop-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0,transparent 60%)}.movie-main{display:grid;grid-template-columns:220px 1fr;grid-gap:36px;gap:36px;padding:0 32px;margin-top:-180px;position:relative}.movie-poster{width:220px;aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.7);flex-shrink:0}.movie-info{padding-top:120px}.movie-title{font-family:Unbounded,sans-serif;font-size:28px;font-weight:700;margin-bottom:8px;color:#fff}.movie-original{font-size:14px;color:var(--text-3);margin-bottom:16px}.movie-ratings{display:flex;gap:16px;margin-bottom:20px}.movie-rating-item{display:flex;flex-direction:column;gap:3px}.movie-rating-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.movie-rating-val{font-size:20px;font-weight:500;color:var(--gold)}.movie-rating-val.imdb{color:#f0c040}.movie-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.movie-tag{padding:4px 10px;border-radius:4px;background:hsla(0,0%,100%,.06);border:1px solid var(--border);font-size:12px;color:var(--text-2)}.movie-desc{font-size:15px;line-height:1.8;color:var(--text-2);margin-bottom:24px}.player-wrap{position:relative;width:calc(100% - 64px);margin:32px auto;padding-bottom:56.25%;height:0;background:#000;border-radius:var(--radius);overflow:hidden}.player-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}footer{border-top:1px solid var(--border);padding:24px 32px;display:flex;align-items:center;justify-content:space-between}.footer-logo{font-family:Unbounded,sans-serif;font-size:13px;color:var(--text-3)}.footer-links{display:flex;gap:20px}.footer-links a{font-size:12px;color:var(--text-3);transition:color .2s}.footer-links a:hover{color:var(--text-2)}.pagination{display:flex;gap:6px;justify-content:center;padding:20px 0}.page-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-2);cursor:pointer;font-family:inherit;font-size:13px;transition:all .2s}.page-btn:hover{border-color:hsla(0,0%,100%,.2);color:#fff}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}@media (max-width:768px){.nav{padding:0 16px}.nav-links{display:none}.hero-content{padding:40px 16px 32px}.hero-title{font-size:22px}.section{padding:0 16px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.movie-main{grid-template-columns:1fr}.movie-poster{width:140px}.movie-info{padding-top:0}.player-wrap{margin:16px;width:calc(100% - 32px)}}select option{background:#181820;color:#e8e8ec}select{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}