@import url("https://fonts.googleapis.com/css2?family=Kantumruy+Pro:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--bg:#080b14;--panel:#101523;--soft:#1a2030;--text:#f8f8fb;--muted:#a9b0c1;--orange:#ff5a36;--cyan:#47d7d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Kantumruy Pro,Outfit,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.site-header{height:76px;display:flex;align-items:center;gap:46px;padding:0 max(5vw,32px);position:absolute;z-index:2;width:100%;background:linear-gradient(#080b14cc,transparent)}.brand{font:700 25px Outfit,sans-serif;white-space:nowrap}.admin-mark,.brand span{color:var(--orange)}nav{display:flex;gap:31px;color:#d3d6df;font-size:15px}nav a:hover{color:#fff}.header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.icon-button,.menu-button{border:0;background:transparent;color:white;display:grid;place-items:center}.details-button,.login-link{border:1px solid #ffffff42;border-radius:7px;padding:8px 16px;font-size:14px}.menu-button{display:none}.hero{min-height:690px;background-position:50%;background-size:cover;display:flex;align-items:center}.hero-content{width:min(560px,88vw);margin-left:max(8vw,36px);padding-top:62px}.eyebrow{color:var(--cyan);font:600 12px Outfit,sans-serif;letter-spacing:1.8px;margin:0 0 10px}.hero h1,.movie-detail h1{font:800 clamp(42px,5vw,70px)/1.03 Outfit,sans-serif;margin:0 0 18px;letter-spacing:-2px}.meta{display:flex;align-items:center;gap:9px;color:#d7d9e0;font-size:14px}.meta svg{color:#ffd25f}.meta i{height:4px;width:4px;border-radius:50%;background:#8e94a4}.hero-description{max-width:520px;line-height:1.8;color:#c3c6d0;margin:21px 0 27px}.hero-buttons{display:flex;gap:12px;align-items:center}.mini-button,.watch-button{background:var(--orange);color:white;border:0;border-radius:7px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;cursor:pointer}.details-button{background:#0e1320aa}.content-wrap{width:min(1280px,90vw);margin:0 auto;padding:52px 0 75px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-heading h2{font:700 27px Outfit,sans-serif;margin:0}.section-heading>a{display:flex;align-items:center;gap:2px;color:var(--cyan);font-size:14px}.spaced{margin-top:62px}.movie-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:17px;gap:17px}.movie-card{position:relative;overflow:hidden;border-radius:8px;background:#171c29;transition:transform .2s,box-shadow .2s}.movie-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #0008}.movie-card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.movie-info{padding:12px 11px 13px}.movie-info h3{font:600 15px Outfit,sans-serif;margin:0 0 5px}.movie-info h3,.movie-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-info p{color:var(--muted);font-size:12px;margin:0}.quality{position:absolute;right:8px;top:8px;background:var(--orange);border-radius:4px;padding:2px 6px;font:700 10px Outfit,sans-serif}footer{border-top:1px solid #222838;text-align:center;color:#8991a3;padding:25px;font-size:13px}.movie-page{min-height:100vh;background-size:cover;background-position:50%;position:relative;padding:35px max(8vw,36px)}.back-link{display:inline-flex;align-items:center;gap:8px;color:#d6dae3}.movie-detail{max-width:600px;margin-top:19vh}.movie-detail>p:not(.eyebrow):not(.meta){color:#d2d5dd;line-height:1.9;margin:23px 0 29px}.admin-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 15%,#212f57,transparent 32%),#080b14}.admin-login section{width:min(430px,90vw);padding:42px;background:#111725;border:1px solid #283147;border-radius:16px;box-shadow:0 30px 80px #0008}.admin-login h1,.admin-mark{font:700 31px Outfit,sans-serif}.admin-login h1{margin:0 0 8px}.admin-login section>p:not(.eyebrow){color:var(--muted);line-height:1.7;margin-top:0}.login-form,.movie-form{display:grid;grid-gap:16px;gap:16px;margin-top:26px}.login-form label,.movie-form label{display:grid;grid-gap:7px;gap:7px;color:#d8dbe3;font-size:14px}.login-form input,.movie-form input,.movie-form textarea{border:1px solid #303950;border-radius:7px;padding:11px 12px;background:#0b101c;color:white;outline:none}.login-form input:focus,.movie-form input:focus,.movie-form textarea:focus{border-color:var(--cyan)}.login-form small{color:#8991a3;font-size:12px}.form-error{margin:0;color:#ff846e;font-size:13px}.admin-shell{min-height:100vh;background:#0b0f19;display:flex}.admin-shell aside{width:250px;flex:none;padding:30px 19px;border-right:1px solid #252c3d;background:#101521}.admin-shell aside .brand{display:block;margin:0 12px 44px}.side-label{font:600 10px Outfit,sans-serif;letter-spacing:1.5px;color:#768097;margin:0 12px 12px}.admin-shell aside button,.admin-shell aside>a{width:100%;border:0;background:transparent;color:#aeb6c6;border-radius:7px;padding:12px;display:flex;gap:11px;align-items:center;font-size:14px;text-align:left;margin:3px 0}.admin-shell aside button:hover,.admin-shell aside>a:hover{background:#1d2639;color:white}.admin-shell aside form{margin-top:35px}.admin-content{padding:42px;width:min(1180px,calc(100vw - 250px));margin:0 auto}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.admin-top h1{font:700 30px Outfit,sans-serif;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-bottom:25px}.stat{position:relative;background:#141a28;border:1px solid #252e41;border-radius:11px;padding:21px;display:grid;grid-gap:7px;gap:7px}.stat svg{position:absolute;right:18px;color:var(--cyan);opacity:.8}.stat span{color:#959eb0;font-size:13px}.stat b{font:700 29px Outfit,sans-serif}.admin-panel{background:#141a28;border:1px solid #252e41;border-radius:11px;padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.form-panel h2,.panel-head h2{font:600 20px Outfit,sans-serif;margin:0}.form-panel>p,.panel-head p{color:#929bae;font-size:13px;margin:5px 0 0}.mini-button{font-size:13px;padding:9px 13px}.movie-table,.table-row{display:grid}.table-row{grid-template-columns:2.2fr .6fr 1fr .8fr;align-items:center;border-top:1px solid #262e40;padding:11px 5px;grid-gap:12px;gap:12px;font-size:13px;color:#bec5d1}.table-header{color:#7f899d;font:600 11px Outfit,sans-serif;letter-spacing:.5px}.movie-cell{display:flex;align-items:center;gap:11px;color:white}.movie-cell img{width:32px;height:42px;border-radius:4px;object-fit:cover}.published{color:#60d7a7}.form-panel{max-width:840px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.movie-form textarea{resize:vertical}.success{margin:0;color:#60d7a7;font-size:14px}.settings-note{display:grid;grid-template-columns:220px 1fr;grid-gap:12px;gap:12px;margin-top:28px;padding:19px;background:#0c111c;border-radius:8px;color:#b4bdcc;font-size:14px}.settings-note b{color:white;font-family:Outfit,sans-serif}@media(max-width:900px){.movie-grid{grid-template-columns:repeat(3,1fr)}nav{display:none}.menu-button{display:grid}.admin-shell aside{width:72px;padding:23px 10px}.admin-shell aside .brand{font-size:0;margin:0 12px 36px}.admin-shell aside .brand span{font-size:25px}.admin-shell aside button,.admin-shell aside>a:not(.brand),.side-label{font-size:0;justify-content:center}.admin-content{width:calc(100vw - 72px);padding:32px 20px}.stat-grid{grid-template-columns:1fr}.movie-table{overflow-x:auto;min-width:580px}.admin-panel{overflow:hidden}}@media(max-width:520px){.site-header{padding:0 20px;height:66px;gap:0}.hero{min-height:620px}.hero-content{margin-left:22px}.hero h1{font-size:45px}.content-wrap{width:90vw;padding-top:38px}.movie-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hero-description{font-size:14px}.header-actions{gap:8px}.login-link{padding:7px 10px}.form-grid,.settings-note{grid-template-columns:1fr}.settings-note{gap:5px}.settings-note span{margin-bottom:11px}.admin-top{align-items:end}.admin-top .mini-button{display:none}}