:root{--green:#72c936;--green2:#58ad25;--ink:#202020;--muted:#777;--line:#ddd;--paper:#f2f2f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111;color:var(--ink);font:14px/1.45 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.cinema-banner{width:min(1180px,100%);height:220px;margin:auto;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#613b75 0,#24213c 28%,transparent 56%),linear-gradient(105deg,#080b12,#1b2131 45%,#090b10);box-shadow:inset 0 -55px 60px #111}.cinema-banner:before,.cinema-banner:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.cinema-banner:before{width:210px;height:210px;left:15%;bottom:-80px;background:radial-gradient(circle at 50% 32%,#7b8696 0 9%,#283142 10% 35%,#0c1019 36%)}.cinema-banner:after{width:330px;height:330px;right:5%;bottom:-155px;background:radial-gradient(circle at 45% 30%,#b6aebe 0 4%,#45435b 5% 20%,#171b27 21% 52%,transparent 53%)}.cinema-banner span{position:absolute;border-radius:50%;box-shadow:0 0 30px #c67aff}.cinema-banner span:nth-child(1){width:62px;height:62px;left:45%;top:35px;background:#a55546}.cinema-banner span:nth-child(2){width:20px;height:20px;left:38%;top:76px;background:#647fe2}.cinema-banner span:nth-child(3){width:13px;height:13px;left:58%;top:59px;background:#df7d49}.wrap{width:min(1180px,calc(100% - 24px));margin:-38px auto 0;position:relative;background:var(--paper);min-height:100vh;box-shadow:0 0 35px #0009}.header{height:70px;padding:0 20px;background:#fff;display:flex;align-items:center;border-bottom:1px solid #d6d6d6}.logo{display:flex;align-items:center;white-space:nowrap;font-size:23px;letter-spacing:.3px;margin-right:32px}.logo b{font-weight:900}.logo-mark{display:grid;place-items:center;width:34px;height:34px;margin-right:9px;background:var(--green);color:#fff;border-radius:4px;font-size:15px}.menu{display:flex;gap:26px;align-items:center}.menu a{font-size:12px;font-weight:700;color:#666}.menu a:hover{color:var(--green2)}.search{width:420px;margin-left:auto;display:flex;position:relative;height:36px;border:1px solid var(--green);background:#fff}.search input{min-width:0;flex:1;border:0;outline:0;padding:0 11px;font-size:12px}.search button{width:44px;border:0;background:var(--green);color:#fff;font-size:20px;cursor:pointer}.suggest{display:none;position:absolute;top:38px;left:-1px;right:-1px;z-index:50;background:#fff;border:1px solid #ccc;box-shadow:0 8px 22px #0004}.suggest.open{display:block}.suggest a{display:flex;justify-content:space-between;padding:9px 11px;border-bottom:1px solid #eee}.suggest small{color:#999}.quickbar{display:flex;justify-content:center;gap:8px;padding:10px 20px;background:#fff;border-bottom:1px solid #d5d5d5}.quickbar a,.genres-button{border:1px solid var(--green);border-radius:3px;background:#fff;padding:8px 14px;color:#222;font-size:12px;cursor:pointer}.quickbar a:hover,.genres-button:hover{background:var(--green);color:#fff}.genres-menu{display:none;position:absolute;z-index:40;left:20px;right:20px;background:#fff;border:1px solid #ddd;box-shadow:0 15px 30px #0004}.genres-menu.open{display:block}.genres-menu div{display:grid;grid-template-columns:repeat(4,1fr);gap:0 18px;padding:17px}.genres-menu a{padding:7px 8px;border-bottom:1px solid #eee;font-size:12px}.genres-menu a:hover{color:var(--green2);background:#f7f7f7}.content{padding:18px 20px 32px}.home-section,.catalog{margin-bottom:24px}.section-title{display:flex;align-items:center;margin:0 0 10px;border-bottom:1px solid #ddd}.section-title h1,.section-title h2{margin:0;background:var(--green);color:#fff;padding:8px 15px;font-size:16px;line-height:1.2;font-weight:700}.section-title h1{font-size:17px;max-width:82%}.section-title h2 span{margin-left:5px}.section-title>a,.section-title>span{margin-left:12px;color:#777;font-size:12px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.card{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:#111;border:4px solid #fff;box-shadow:0 0 0 1px #d6d6d6}.card img{width:100%;height:100%;object-fit:cover;transition:.25s}.card:hover img{transform:scale(1.04)}.card:before{content:"HD";position:absolute;z-index:2;top:5px;left:5px;padding:3px 5px;background:var(--green);color:#fff;font-size:9px;font-weight:700}.card-info{position:absolute;z-index:2;inset:auto 0 0;padding:30px 6px 7px;background:linear-gradient(transparent,#000 55%);color:#fff;text-align:center;text-shadow:0 1px 2px #000}.card-info strong{display:block;font-size:12px;line-height:1.15}.card-info small{display:block;margin-top:4px;color:#ffbd25;font-size:9px}.seo{margin:22px 0 0;padding:20px;background:#fff;border-top:1px solid #ddd;color:#666}.seo h2{margin:0 0 10px;color:#222;font-size:18px}.seo p{margin:0;line-height:1.65}.page{background:#fff;padding:15px}.detail{display:grid;grid-template-columns:210px 1fr;gap:20px}.detail-poster{position:relative}.detail-poster img{width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid #ddd;padding:4px;background:#fff}.rating{position:absolute;left:9px;top:9px;background:var(--green);color:#fff;padding:4px 6px;font-size:10px}.detail-copy h1{font:700 25px/1.2 Georgia,serif;margin:3px 0 12px;padding-bottom:10px;border-bottom:1px solid #ddd}.lead{color:#666;line-height:1.6}.detail dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 24px;margin-top:13px}.detail dl div{display:flex;gap:6px}.detail dl .wide{grid-column:1/-1}.detail dt{font-weight:700}.detail dd{margin:0;color:#555}.social{display:flex;align-items:center;gap:18px;margin:15px 0;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#777}.like,.comment-form button{border:0;border-radius:3px;background:var(--green);color:#fff;padding:9px 15px;font-weight:700;cursor:pointer}.watch-title{text-align:center;font-size:15px;margin:14px 0 8px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:18px}.player{display:grid;place-items:center;aspect-ratio:16/9;background:#050505;color:#fff;text-align:center}.player iframe{width:100%;height:100%;border:0}.big-play{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 12px;border-radius:50%;background:var(--green);font-size:25px}.news{border:1px solid #ddd}.news h3{margin:0;padding:10px;background:var(--green);color:#fff;text-align:center}.news a{display:flex;align-items:center;gap:9px;padding:7px;border-bottom:1px solid #eee}.news img{width:44px;height:62px;object-fit:cover}.news span{min-width:0}.news b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.news small{color:#888}.comments{margin-top:22px;padding-top:17px;border-top:1px solid #ddd}.comments h2{margin:0 0 6px;font-size:19px}.comments>p{color:#777}.comment-form{display:grid;grid-template-columns:180px 1fr auto;gap:8px}.comment-form input,.comment-form textarea{border:1px solid #ccc;padding:10px}.comment-form textarea{min-height:82px;resize:vertical}.comment-list article{padding:12px 0;border-top:1px solid #eee}.comment-list time{margin-left:8px;color:#999;font-size:11px}.footer{display:flex;align-items:center;justify-content:space-between;padding:22px 20px;background:#1c1c1c;color:#bbb}.footer .logo{color:#fff}.footer p{font-size:12px}.notfound{padding:70px;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:950px){.menu{display:none}.search{width:360px}.grid{grid-template-columns:repeat(5,1fr)}.quickbar{overflow:auto;justify-content:flex-start}.quickbar a,.genres-button{white-space:nowrap}.genres-menu div{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.cinema-banner{height:120px}.wrap{width:100%;margin:-20px 0 0}.header{height:auto;min-height:64px;padding:10px;flex-wrap:wrap}.logo{font-size:20px}.search{order:3;width:100%;margin-top:9px}.quickbar{padding:8px 10px}.content{padding:12px 9px}.grid{grid-template-columns:repeat(3,1fr);gap:8px}.detail{grid-template-columns:130px 1fr;gap:13px}.detail-copy h1{font-size:20px}.detail dl{grid-template-columns:1fr}.detail dl div:nth-child(n+5){display:none}.watch-layout{grid-template-columns:1fr}.news{display:none}.comment-form{grid-template-columns:1fr}.genres-menu{left:9px;right:9px}.genres-menu div{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:100px 1fr}.detail .lead{display:none}.card-info strong{font-size:11px}.section-title h1{font-size:14px}}
