@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0,#50242e,transparent 60%)}.login-card{width:min(440px,100%);padding:38px;background:#1b1722;border:1px solid #423440;border-radius:18px;box-shadow:0 24px 80px #0005}.login-card .eyebrow{margin-top:40px}.login-card h1{font:700 32px Outfit,sans-serif;margin:10px 0}.login-card>p:not(.eyebrow){color:#afa5b5;line-height:1.5}.login-card label{display:grid;gap:8px;font-size:13px;margin-top:20px;color:#d7cbd7}.login-card input:not([type=hidden]){border:1px solid #574752;border-radius:8px;padding:13px;background:#100c17;color:white}.login-card button{width:100%;margin-top:25px}.login-error{color:#ff9a9f!important}
:root{color-scheme:dark;--bg:#100c17;--surface:#1b1722;--text:#f7f5f9;--muted:#a9a0b2;--accent:#ed414a;--line:#37303d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #ffffff10}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;letter-spacing:.11em;font:700 14px Outfit,sans-serif}.brand b{color:#f05b62}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);font-size:23px;letter-spacing:0}.top-caption{color:var(--muted);font-size:13px}.hero{min-height:375px;display:flex;align-items:center;padding:48px max(5vw,24px);background:radial-gradient(ellipse at 78% 40%,#632932 0,transparent 46%),linear-gradient(110deg,#1c111d,#18121e 65%,#29131d)}.hero-content{max-width:690px}.eyebrow{color:#f06a71;font-size:11px;letter-spacing:.2em;font-weight:700}.hero h1{font:700 clamp(38px,5vw,64px)/1.02 Outfit,sans-serif;margin:16px 0}.hero h1 em{color:#f2797f;font-style:normal}.hero p:not(.eyebrow){color:#c8becb;line-height:1.65;max-width:550px}.search{margin-top:25px;display:flex;gap:12px;align-items:center;padding:7px 7px 7px 18px;background:#17141d;border:1px solid #65515b;border-radius:12px}.search span{font-size:28px;color:#c7bac3}.search input{min-width:0;flex:1;background:none;border:0;outline:0;color:white}.search button,.primary{background:var(--accent);border:0;color:white;border-radius:8px;padding:13px 22px;font-weight:700}.catalog{max-width:1500px;margin:auto;padding:48px max(5vw,24px) 70px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.section-head h2{font:600 29px Outfit,sans-serif;margin:7px 0 0}.muted{color:var(--muted);font-size:13px}.controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:26px 0}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-right:auto}.tabs button{border:1px solid transparent;background:transparent;color:#bfb6c4;padding:11px 16px;border-radius:8px}.tabs button.active{color:white;background:#32232c;border-color:#75414a}.select-wrap{display:grid;gap:6px;color:#afa5b5;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.select-wrap select,.select-wrap input{background:#211b27;border:1px solid var(--line);border-radius:8px;padding:10px;color:white;width:140px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:24px 16px}.card{padding:0;border:0;background:none;color:inherit;text-align:left;min-width:0}.poster{aspect-ratio:2/3;border-radius:10px;background:#2b2430;overflow:hidden;position:relative}.poster img{height:100%;width:100%;object-fit:cover;transition:transform .2s}.card:hover img{transform:scale(1.04)}.card:focus-visible,.tabs button:focus-visible{outline:3px solid #f48c90;outline-offset:4px}.card h3{font:600 15px/1.3 Outfit,sans-serif;margin:11px 0 5px}.card p{font-size:12px;color:var(--muted);margin:0}.star{color:#ffca69}.status{color:var(--muted)}.more{text-align:center;margin-top:35px}.secondary{padding:12px 24px;border:1px solid #6b525b;border-radius:9px;background:#241a24;color:white;font-weight:600}footer{border-top:1px solid #ffffff10;color:#8e8495;font-size:12px;padding:24px max(5vw,24px)}footer span{padding:0 8px;color:#ef686f}dialog{border:1px solid #56404c;border-radius:16px;background:#1b1722;color:white;max-width:850px;width:calc(100% - 32px);padding:0}dialog::backdrop{background:#08060ac9}.dialog-body{position:relative;padding:30px}.close{position:absolute;right:16px;top:12px;border:0;background:#27212c;color:white;font-size:24px;width:38px;height:38px;border-radius:50%}.detail-layout{display:grid;grid-template-columns:190px 1fr;gap:28px}.detail-layout img{width:100%;border-radius:10px}.detail-layout h2{font:700 32px Outfit,sans-serif;margin:5px 35px 10px 0}.detail-layout p{line-height:1.6;color:#c4bac8}.availability{margin-top:22px;padding:16px;border:1px solid #57404a;border-radius:10px;background:#251d27}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){.top-caption{display:none}.hero{min-height:340px}.hero h1{font-size:42px}.catalog{padding-top:35px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.select-wrap select,.select-wrap input{width:120px}.detail-layout{grid-template-columns:95px 1fr;gap:15px}.detail-layout h2{font-size:23px}.dialog-body{padding:20px}.detail-layout p{font-size:14px}.search button{padding:12px}}