body{background:radial-gradient(ellipse at 45% 10%,#075a95,#03284c 60%,#02162d);color:white}main{max-width:1500px;padding:0 22px 35px}.cinema-hero{height:clamp(190px,18vw,285px);background:url('videoteca-banner.png') center/cover no-repeat;position:relative;border-bottom:1px solid #27c7f6}.hero-actions{position:absolute;right:20px;bottom:18px;display:flex;gap:10px}.hero-actions button{border:1px solid #92ddff;border-radius:25px;padding:9px 18px}.hero-actions .secondary{background:#061d3ddd}.cinema-categories{display:grid;grid-template-columns:repeat(9,1fr);gap:9px;margin:16px 0 22px}.cinema-categories button{background:linear-gradient(#063761,#031b39);border:1px solid #77bce8;border-radius:13px;padding:13px 5px;color:white;font-size:29px;line-height:1}.cinema-categories span{display:block;font-size:13px;margin-top:8px}.cinema-categories button[aria-pressed=true]{background:linear-gradient(#00b5f0,#03409a);box-shadow:0 0 10px #2ad3ff}.cinema-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px}.cinema-search{display:flex;align-items:center;gap:20px;font-size:12px}.cinema-search input{flex:1;background:#042647;border:1px solid #4e9cc7;color:white}.shelf{margin-bottom:22px}.shelf h2,.continue-state h2{font-size:22px;margin:16px 0 10px;font-style:italic}.movie-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.shelf:first-of-type .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.movie button{padding:0;border:1px solid #54bde8;border-radius:12px;background:#032344;overflow:hidden;display:block;width:100%;box-shadow:0 4px 12px #00152c66}.movie img{display:block;width:100%;aspect-ratio:2.14;object-fit:cover}.account-panel{border:1px solid #3c9fdb;background:linear-gradient(120deg,#095185,#05294e);padding:20px;border-radius:15px;margin-bottom:20px}.account-panel h2{font-size:23px;margin:0 0 10px}.account-panel p{font-size:13px;line-height:1.6}.account-panel small{font-size:11px;line-height:1.6;color:#c4deef}.account-panel a,.account-panel button{display:block;text-align:left;width:100%;padding:11px 0;border:0;border-bottom:1px solid #367297;border-radius:0;background:none;color:white;font-size:14px}.submit-film{width:100%;padding:20px;border:1px solid #39b9ed;background:linear-gradient(#08669d,#07406e);border-radius:15px;color:#ffe34f;font-size:22px;font-weight:bold;text-align:left}.submit-film span{display:block;font-size:13px;font-weight:normal;color:white;line-height:1.5;margin-top:9px}.continue-state{padding:20px;border:1px solid #33739b;border-radius:15px;font-size:13px;line-height:1.6}.continue-state p{color:#c1dced}.movie[hidden],.shelf[hidden]{display:none}button{cursor:pointer;background:linear-gradient(#0c8bd8,#064698);color:white;border:0;padding:11px 18px;border-radius:10px;font-weight:bold}input:not([type=checkbox]),textarea{display:block;width:100%;padding:11px;border:1px solid #9dc5df;border-radius:10px;font:inherit;margin-top:7px}dialog{max-width:600px;width:calc(100% - 30px);border:1px solid #4cc4f8;border-radius:20px;background:linear-gradient(#0b3d69,#05203d);color:white;padding:27px;box-shadow:0 15px 80px #0009}dialog::backdrop{background:#000b}dialog .close{float:right;border:1px solid #669dbd;background:#082542;font-size:16px;padding:5px 10px}dialog>img{width:100%;border-radius:12px;margin-top:20px}dialog h2{font-size:25px}dialog p{line-height:1.65;font-size:14px;color:#d3e5f3}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap}dialog a{color:#7cddff}form label{display:block;font-size:13px;margin:16px 0}textarea{resize:vertical;min-height:90px}form .check{display:flex;gap:8px;line-height:1.5}form small{display:block;font-size:11px;line-height:1.6;margin-top:15px;color:#c3ddeb}footer{background:#02182f}#view-status{font-size:12px;color:#b9e0f6}@media(max-width:1000px){.cinema-layout{grid-template-columns:minmax(0,1fr) 230px}.cinema-categories{grid-template-columns:repeat(5,1fr)}.movie-grid{grid-template-columns:repeat(3,1fr)}.shelf:first-of-type .movie-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){main{padding:0 12px 25px}.cinema-layout{grid-template-columns:1fr}.cinema-categories{display:flex;overflow-x:auto;padding-bottom:8px}.cinema-categories button{min-width:95px}.cinema-hero{height:220px;background-position:60% center}.hero-actions{right:10px;bottom:12px}.hero-actions button{font-size:11px;padding:8px 11px}.cinema-search{flex-direction:column;align-items:stretch;gap:3px}.movie-grid{grid-template-columns:repeat(2,1fr)}.account-panel{margin-top:10px}.shelf h2{font-size:20px}}@media(prefers-reduced-motion:no-preference){.movie button{transition:transform .18s}.movie button:hover{transform:scale(1.04);box-shadow:0 0 16px #2ca7e780}}