:root{--ink:#f5f0e8;--muted:#a9a4a0;--dim:#77716e;--bg:#0e0d10;--panel:#17151a;--line:#2b282d;--gold:#c7a96b;--red:#c95a53}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:15px DM Sans,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}em{color:var(--gold);font-family:Playfair Display,serif;font-style:italic}.site-header{align-items:center;background:#0e0d10e6;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 6.5%;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{font-size:1.25rem;font-weight:700;letter-spacing:-.04em}.brand>span:not(.brand-mark){color:var(--gold)}.brand-mark{align-items:center;background:var(--gold);border-radius:50%;color:var(--bg);display:inline-flex;font-family:Playfair Display,serif;font-size:1.1rem;height:28px;justify-content:center;margin-right:7px;width:28px}.main-nav{display:flex;gap:38px;color:var(--muted);font-size:.88rem}.main-nav a:hover,.main-nav a:focus{color:var(--ink)}.main-nav b{background:var(--gold);border-radius:99px;color:var(--bg);font-size:.65rem;margin-left:4px;padding:2px 6px}.login-button{background:transparent;border:1px solid var(--line);border-radius:5px;font-size:.84rem;padding:9px 17px}.login-button span{color:var(--gold);font-size:1.2rem;margin-right:5px}.hero{align-items:center;display:flex;gap:7%;min-height:650px;overflow:hidden;padding:70px 8% 100px}.hero-copy{max-width:540px;position:relative;z-index:1}.eyebrow{color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-family:Playfair Display,serif;font-size:clamp(3.5rem,6.6vw,6.3rem);line-height:.98;margin:19px 0 25px;letter-spacing:-.05em}.hero-description{color:var(--muted);font-size:1rem;max-width:430px}.hero-actions{display:flex;gap:12px;margin:32px 0}.button{border-radius:4px;font-weight:700;padding:13px 20px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#191511}.button-primary:hover{background:#dfc083}.button-ghost{background:transparent;border:1px solid var(--line)}.button-ghost span{color:var(--gold);font-size:1.2rem;margin-left:10px}.hero-meta{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:22px}.hero-meta span:first-child{color:var(--gold)}.badge{border:1px solid #635e5b;border-radius:3px;padding:1px 5px}.hero-art{background-position:center;background-size:cover;box-shadow:20px 30px 70px #000;border-radius:3px;height:470px;max-width:590px;min-width:360px;overflow:hidden;position:relative;width:49%}.art-overlay{background:linear-gradient(90deg,#0e0d10f2,#0e0d102e 70%),linear-gradient(0deg,rgba(14,13,16,.75),transparent 50%);top:0;right:0;bottom:0;left:0;position:absolute}.art-title{bottom:52px;color:#ebe1d1;font:3.8rem/.77 Playfair Display,serif;left:11%;position:absolute;text-shadow:2px 3px 2px #111;transform:rotate(-4deg)}.art-title strong{font-size:1.2em;letter-spacing:.05em}.vertical-label{color:var(--gold);font-size:.55rem;letter-spacing:.2em;position:absolute;right:20px;top:35px;writing-mode:vertical-rl}.catalog-section,.favorites-section{border-top:1px solid var(--line);padding:80px 8%}.section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:36px}.section-heading h2,.newsletter h2{font-family:Playfair Display,serif;font-size:2.5rem;line-height:1.1;margin-top:10px}.section-note{color:var(--muted);font-size:.85rem}.toolbar{align-items:center;display:flex;gap:30px;margin-bottom:34px}.search-box{align-items:center;border-bottom:1px solid var(--line);display:flex;flex:0 1 270px;gap:10px;padding:8px 0}.search-box span{color:var(--gold);font-size:1.7rem;line-height:.5}.search-box input,.newsletter input{background:transparent;border:0;color:var(--ink);outline:0;width:100%}.search-box input::placeholder,.newsletter input::placeholder{color:var(--dim)}.genre-list{display:flex;flex-wrap:wrap;gap:8px}.genre-list button{background:var(--panel);border:1px solid var(--line);border-radius:3px;color:var(--muted);font-size:.75rem;padding:8px 13px}.genre-list button.active,.genre-list button:hover{background:var(--gold);border-color:var(--gold);color:var(--bg)}.movie-grid{display:grid;gap:28px 18px;grid-template-columns:repeat(6,1fr)}.movie-card{min-width:0}.poster-wrap{background:#242026;border-radius:3px;overflow:hidden;position:relative}.poster-wrap img{aspect-ratio:2/3;display:block;object-fit:cover;transition:transform .35s;width:100%}.movie-card:hover img{transform:scale(1.04)}.heart{background:#0e0d10cc;border-radius:50%;font-size:1.35rem;height:35px;position:absolute;right:10px;top:10px;width:35px;z-index:1}.heart.saved{color:var(--red)}.rating{background:#0e0d10d9;bottom:9px;color:var(--gold);font-size:.7rem;padding:3px 7px;position:absolute;right:8px}.movie-info h3{font-size:.88rem;margin:12px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-info p{color:var(--dim);font-size:.7rem}.movie-info p span{color:var(--gold);margin:0 3px}.state-message,.error-message,.empty-list{color:var(--muted);padding:45px;text-align:center}.error-message{background:#2a1c1d;color:#e49b92;margin-bottom:25px;padding:15px}.spinner{border:2px solid var(--line);border-right-color:var(--gold);border-radius:50%;display:inline-block;height:18px;margin-right:10px;vertical-align:middle;width:18px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.newsletter{align-items:center;background:#18161b;border-top:1px solid var(--line);display:flex;gap:15%;justify-content:center;padding:80px 8%}.newsletter form{border-bottom:1px solid var(--line);display:flex;max-width:370px;width:100%}.newsletter input{padding:14px 0}.newsletter .button{border-radius:3px;padding:10px 15px}footer{align-items:center;color:var(--dim);display:flex;font-size:.75rem;justify-content:space-between;padding:30px 8%}footer>div{display:flex;gap:24px}footer a:hover{color:var(--gold)}.modal-backdrop{align-items:center;background:#000000c2;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:10}.details-modal,.auth-modal{background:var(--panel);box-shadow:0 15px 60px #000;max-width:760px;overflow:hidden;position:relative;width:100%}.details-modal{display:flex}.details-modal>img{object-fit:cover;width:42%}.details-copy{padding:46px 38px}.details-copy h2,.auth-modal h2{font:2.2rem Playfair Display,serif;margin:12px 0 15px}.details-copy p:not(.eyebrow){color:var(--muted);margin:22px 0}.close-button{background:transparent;color:var(--muted);font-size:1.8rem;position:absolute;right:16px;top:8px;z-index:1}.auth-modal{display:flex;flex-direction:column;gap:12px;padding:45px;max-width:430px}.auth-modal label{color:var(--muted);display:flex;flex-direction:column;font-size:.75rem;gap:5px}.auth-modal input{background:#211e24;border:1px solid var(--line);color:var(--ink);outline:0;padding:11px}.auth-modal .muted,.auth-modal small{color:var(--muted);font-size:.8rem}.form-error{color:#e49b92;font-size:.78rem}@media(max-width:1000px){.movie-grid{grid-template-columns:repeat(4,1fr)}.hero{padding-left:6%;padding-right:6%}}@media(max-width:700px){.site-header{padding:17px 5%}.main-nav{gap:14px}.main-nav a:nth-child(2){display:none}.hero{display:block;min-height:0;padding:70px 7% 60px}.hero-art{height:380px;margin-top:45px;min-width:0;width:100%}.hero h1{font-size:3.8rem}.catalog-section,.favorites-section{padding:60px 5%}.section-heading{align-items:start;display:block}.section-note{margin-top:15px}.toolbar{align-items:stretch;display:block}.search-box{margin-bottom:20px}.movie-grid{gap:25px 12px;grid-template-columns:repeat(2,1fr)}.newsletter{align-items:start;display:block;padding:60px 8%}.newsletter form{margin-top:30px}.details-modal{display:block;max-height:90vh;overflow-y:auto}.details-modal>img{height:230px;width:100%}.details-copy{padding:28px}footer{align-items:start;display:flex;flex-direction:column;gap:18px;padding:25px 7%}}