:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.page{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:64px 0 80px}.hero{margin-bottom:32px}.eyebrow{margin:0 0 12px;color:#6c63ff;font-size:.78rem;font-weight:800;letter-spacing:.16em}h1,h2,h3,p{margin-top:0}h1{max-width:650px;margin-bottom:12px;font-size:clamp(2.4rem,6vw,4.5rem);line-height:1;letter-spacing:-.06em}.intro{margin-bottom:0;color:#697386;font-size:1.1rem}.search-form{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;align-items:end;gap:16px;padding:20px;border:1px solid #e3e7f0;border-radius:18px;background:#fff;box-shadow:0 12px 35px #222a4612}label{display:grid;gap:8px;color:#4b5569;font-size:.82rem;font-weight:700}input,select,button{min-height:48px;border-radius:10px;font:inherit}input,select{width:100%;padding:0 14px;border:1px solid #dfe4ed;color:#172033;background:#fafbfe;outline:none}input:focus,select:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff24}button{padding:0 24px;border:0;color:#fff;background:#6c63ff;cursor:pointer;font-weight:800;transition:background .2s,transform .2s}button:hover:not(:disabled){background:#554ce8;transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.65}.message{margin:32px 0;color:#697386;text-align:center}.message.error{padding:14px 18px;border-radius:10px;color:#a53d4d;background:#fff0f2}.results{margin-top:44px}.results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.results-heading h2{margin-bottom:0;font-size:1.6rem}.results-heading span{color:#8992a4;font-size:.9rem}.film-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.film-card{overflow:hidden;border:1px solid #e7eaf1;border-radius:15px;background:#fff;box-shadow:0 8px 24px #222a460d}.poster-container{aspect-ratio:2 / 3;overflow:hidden;background:#e9ecf4}.poster-container img{display:block;width:100%;height:100%;object-fit:cover}.no-poster{display:grid;height:100%;place-items:center;padding:16px;color:#8992a4;text-align:center}.film-info{padding:16px}.film-info h3{display:-webkit-box;overflow:hidden;margin-bottom:8px;font-size:1rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.film-info p{margin-bottom:0;color:#8992a4;font-size:.85rem;text-transform:capitalize}.film-info p span{padding:0 4px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:32px}.pagination button{min-height:40px;padding:0 16px;font-size:.9rem}.pagination span{color:#697386;font-size:.9rem;font-weight:700}@media(max-width:700px){.page{width:min(100% - 28px,560px);padding-top:40px}.search-form{grid-template-columns:1fr}.search-form button{width:100%}}