body{background:radial-gradient(ellipse 70% 25% at 70% 7%,#3a2223 0%,transparent 70%),#090b13}.movies-page{padding:25px max(3.5vw,20px) 90px}.movies-head{padding:16px 0 44px}.movies-head h1{font-size:clamp(2.5rem,5vw,4.2rem);margin:4px 0;font-weight:900;letter-spacing:-.05em}.movies-head p:last-child{color:#b9c1cb;font-size:.9rem}.movies-head strong{color:#24e1c5}.movie-toolbar{position:sticky;top:68px;z-index:15;display:flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid #ffffff24;background:#171924e8;backdrop-filter:blur(18px);border-radius:32px}.movie-tabs{display:flex;gap:20px;align-items:center;flex:1;white-space:nowrap;overflow:auto;font-size:.82rem;font-weight:750}.movie-tabs a,.movie-tabs span{color:#c5c5d0}.movie-tabs b{background:#fff;color:#12141a;padding:9px 18px;border-radius:25px}.movie-tabs .inactive{opacity:.65}.movie-toolbar input,.movie-toolbar select{background:#262832;border:1px solid #ffffff20;border-radius:22px;padding:11px 15px;color:#fff;min-width:180px;outline:none}.movie-toolbar select{min-width:145px}.movies-section{margin-top:32px}.movies-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.movies-title h2{font-size:1.3rem}.movies-title span{font-size:.8rem;color:#9ca4b5}.movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:24px 14px;margin-top:22px}.movie-card{background:none;border:0;color:white;text-align:left;padding:0;cursor:pointer;min-width:0}.poster{aspect-ratio:2/3;background:linear-gradient(145deg,#292d3b,#151824);border:1px solid #ffffff14;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.poster img{width:100%;height:100%;object-fit:cover}.poster .no-poster{font-weight:850;color:#a4acb9;text-align:center;padding:12px}.movie-card:hover .poster{outline:2px solid #22ddba;transform:translateY(-3px)}.movie-card strong{display:block;margin-top:9px;font-size:.83rem;line-height:1.35}.movie-card small{display:block;margin-top:6px;color:#9699a6}.movie-badge{position:absolute;bottom:7px;right:7px;background:#111b1ce6;border:1px solid #ffffff33;border-radius:5px;padding:4px 6px;font-size:.65rem}.load-more{text-align:center;margin-top:25px}.load-more button{background:#242b36;border:1px solid #ffffff30;border-radius:24px;padding:13px 25px;color:#fff;cursor:pointer}.letters{display:flex;gap:7px;flex-wrap:wrap;margin-top:40px}.letters button{border:1px solid #ffffff25;background:#202430;color:#d4d8e1;border-radius:8px;padding:8px 12px;cursor:pointer}.letters button.active{background:#20e0ae;color:#09251f}.movie-modal[hidden],.movie-player[hidden]{display:none}.movie-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(9px)}.modal-content{position:relative;background:#161a25;border:1px solid #ffffff30;border-radius:20px;max-width:850px;width:100%;max-height:92vh;overflow:auto;padding:25px}.modal-close{position:absolute;top:12px;right:12px;z-index:2;border:0;background:#303642;color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer}.details-layout{display:grid;grid-template-columns:190px 1fr;gap:22px}.details-layout>img{width:100%;border-radius:12px}.details-layout h2{font-size:1.8rem;margin:0 30px 10px 0}.details-layout p{line-height:1.65;color:#c2c9d3}.details-meta{font-size:.85rem;color:#20e0ae!important}.watch-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.watch-buttons button{background:#20e0ae;color:#08251d;border:0;padding:11px 16px;border-radius:9px;font-weight:800;cursor:pointer}.movie-player{margin-top:20px}.movie-player video{width:100%;aspect-ratio:16/9;background:#000;border-radius:10px}.movie-player p{color:#aeb7c7;font-size:.85rem}@media(max-width:850px){.movie-toolbar{flex-wrap:wrap;top:60px}.movie-tabs{width:100%;flex-basis:100%}.movie-toolbar input{flex:1}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}}@media(max-width:550px){.movies-page{padding:15px 14px 95px}.movies-head{padding-bottom:24px}.movie-toolbar{border-radius:18px}.movie-toolbar select{min-width:110px}.movies-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px}.movie-card strong{font-size:.74rem}.details-layout{grid-template-columns:100px 1fr;gap:12px}.details-layout h2{font-size:1.25rem}.modal-content{padding:16px}.details-layout p{font-size:.82rem}}