:root{--red:#DC143C;--red-dark:#8B0000;--black:#000;--dark:#1A1A1A;--light:#3A3A3A;--off:#B0B0B0;--mgrey:#4A4A4A;--white:#fff;--green:#8FF0A4;--red-t:rgba(220,20,60,.2);--bg:#000;--bg2:#0d0d0d;--surface:#1A1A1A;--surface2:#242424;--text:#fff;--muted:#B0B0B0;--border:#2a2a2a;--radius:12px;--maxw:1200px;--appbar-h:64px;--bnav-h:80px;--nav-h:64px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--black);color:var(--white);font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.5;letter-spacing:.5px;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;letter-spacing:inherit}input,textarea,select{font-family:inherit}main.page{padding:16px 24px 32px;min-height:60vh}.with-bnav main.page{padding-bottom:calc(var(--bnav-h) + 24px)}.back-link{display:inline-block;color:var(--off);font-size:14px;margin-bottom:12px}h1.title{font-size:32px;font-weight:400;line-height:40px;letter-spacing:0;color:#fff}h1.title.b{font-weight:700;font-size:30px}.underline{height:3px;width:100px;background:var(--red);margin:8px 0 20px}.underline.sm{width:48px}.subtitle{color:var(--off);font-size:14px;line-height:22px;margin-bottom:16px}.section-label{color:#fff;font-size:16px;font-weight:500;margin:20px 0 10px}.sec-red,.red-label{color:var(--red);font-size:18px;margin:24px 0 10px;font-weight:400}.muted{color:var(--off)}.center{width:100%;text-align:center;margin-top:8px}.row{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 24px;border:none;border-radius:12px;background:var(--red);color:#fff;font-size:18px;font-weight:500;letter-spacing:.1px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:filter .15s}.btn:hover{filter:brightness(1.08)}.btn:active{filter:brightness(.92)}.btn.lg{height:56px}.btn.block,form .btn,.card .btn{width:100%}.btn.sm{height:40px;font-size:14px;border-radius:10px;padding:0 16px;font-weight:700}.btn.ghost,.btn.outline{background:transparent;border:1px solid var(--red);color:#fff}.btn.ghost:hover,.btn.outline:hover{background:var(--red-t);filter:none}.btn:disabled{background:var(--dark);color:var(--light);cursor:not-allowed;filter:none;border-color:transparent}.link{color:var(--red);font-weight:500;background:none;border:none;cursor:pointer;font-size:14px;letter-spacing:.5px}.link:hover{text-decoration:underline}.hero{position:relative;overflow:hidden;height:430px;display:flex;align-items:flex-end;padding:20px;margin:-16px -24px 0;background:#111 var(--hero-m,none) center top/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,transparent 35%,rgba(0,0,0,.72) 62%,rgba(0,0,0,.98) 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0,transparent 65%)}.hero-content{position:relative;z-index:2;max-width:640px;display:flex;flex-direction:column;gap:12px}.hero-badge{align-self:flex-start;background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:4px;letter-spacing:.5px;line-height:16px}.hero h2{font-size:34px;font-weight:900;line-height:38px;letter-spacing:0}.hero p{color:#fff;font-size:14px;line-height:20px;letter-spacing:.5px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .btn{height:40px;border-radius:10px;font-size:14px;font-weight:700;padding:0 24px}.hero-actions .btn.ghost{border-color:#ffffff73;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin:0}.section-header .t{font-size:24px;font-weight:700;letter-spacing:0;line-height:32px}.section-header .a{color:var(--red);font-size:16px;cursor:pointer}.carousel{display:flex;gap:12px;overflow-x:auto;margin:0 -24px;padding:0 24px 4px;scroll-snap-type:x proximity;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.poster{position:relative;flex:0 0 auto;width:130px;height:180px;border-radius:8px;overflow:hidden;cursor:pointer;display:flex;align-items:flex-end;padding:10px;font-size:13px;font-weight:700;color:#fff;scroll-snap-align:start;background:var(--dark) center/cover no-repeat;transition:transform .18s,box-shadow .18s}.poster.p1{background-color:var(--dark)}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.poster-grid .poster{width:100%;height:auto;aspect-ratio:13/18}.dcard{background:var(--dark);border-radius:14px;padding:16px}.list{display:grid;grid-template-columns:1fr;gap:12px}.theater-card{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--dark);border:none;border-radius:14px;padding:16px;cursor:pointer;color:#fff;font-size:14px}.theater-card .name{font-size:16px;font-weight:700}.theater-card .addr{color:var(--off);font-size:13px;margin-top:4px}.theater-card .meta{text-align:right;color:var(--off);font-size:13px;white-space:nowrap}.theater-card .meta .loc{color:var(--red)}.chips{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;border-radius:20px;padding:6px 14px;font-size:13px;background:#262626;color:#fff;border:1px solid transparent;cursor:default;line-height:20px}button.chip{cursor:pointer}.chip.ok{color:var(--green)}.chip.pend{color:#ffd98a}.chip.rej{color:#ff8a9a}.rowlink{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--dark);color:var(--red);font-size:18px;font-weight:400;cursor:pointer;line-height:24px}.rowlink .chev{color:var(--red);display:inline-flex}.rowlink:hover{color:#ff3b5e}.rowgrid{display:flex;flex-direction:column;gap:4px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px}.toggle-row .lbl{font-size:20px;font-weight:500;margin-bottom:8px;letter-spacing:0}.toggle-row .sub{color:var(--off);font-size:14px;line-height:20px}.switch{position:relative;width:52px;height:32px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch .sl{position:absolute;inset:0;background:var(--dark);border:2px solid var(--light);border-radius:16px;transition:.2s;cursor:pointer}.switch .sl:before{content:"";position:absolute;width:16px;height:16px;left:6px;top:6px;background:var(--light);border-radius:50%;transition:.2s}.switch input:checked+.sl{background:#dc143c80;border-color:transparent}.switch input:checked+.sl:before{width:24px;height:24px;left:4px;top:2px;background:var(--red);transform:translate(20px)}.membership{background:linear-gradient(135deg,var(--red),var(--red-dark));border-radius:16px;padding:24px;max-width:520px}.membership .wordmark{font-size:28px;font-weight:300;letter-spacing:0}.membership .wordmark .accent{color:#fff}.membership .num{font-size:20px;letter-spacing:3px;margin-top:20px;font-weight:500;font-variant-numeric:tabular-nums}.membership .meta{display:flex;gap:24px;color:#ffd6dd;font-size:12px;margin-top:14px;flex-wrap:wrap}.membership .holder{margin-top:14px;font-size:14px;letter-spacing:1px}.profile-card{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatar{width:72px;height:72px;border-radius:50%;background:var(--red) center/cover no-repeat;display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:#fff}.profile-card .nm{font-size:18px;font-weight:700}.profile-card .em{color:var(--off);font-size:13px}.info-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--light)}.info-item:last-child{border-bottom:none}.info-item .k{color:var(--off);font-size:12px}.info-item .v{font-size:16px;margin-top:2px}.plans{display:grid;gap:16px}.plan{width:100%;height:56px;border-radius:12px;font-size:18px;font-weight:500;cursor:pointer;border:1px solid var(--red);background:transparent;color:#fff;letter-spacing:.1px}.plan:hover{background:var(--red-t)}.plan.sel{background:var(--red);border-color:var(--red)}.plan:disabled{opacity:.6;cursor:wait}.opt-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--dark);border-radius:12px;padding:20px;cursor:pointer;min-height:64px}.opt-card .nm{color:var(--red);font-size:18px;font-weight:500}.opt-card .box{width:18px;height:18px;border:2px solid var(--off);border-radius:2px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px}.opt-card .box.on{background:var(--red);border-color:var(--red)}.subcats{padding:6px 8px 10px 22px;display:none;flex-direction:column;gap:12px}.subcats.open{display:flex}.subcat{display:flex;align-items:center;gap:12px;color:#fff;font-size:15px;cursor:pointer}.subcat .box{width:18px;height:18px;border:2px solid var(--off);border-radius:2px}.subcat .box.on{background:var(--red);border-color:var(--red)}.pay-row{display:flex;align-items:center;gap:16px;padding:22px 0;font-size:20px;cursor:pointer;font-weight:500;line-height:28px}.pay-row .pi{color:var(--red);display:inline-flex}.step{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--light)}.step .n{color:var(--red);font-size:22px;font-weight:700;width:24px;flex:0 0 auto}.step .st{font-size:20px;font-weight:500;letter-spacing:0}.step .sd{color:var(--off);font-size:16px;margin-top:4px;line-height:22px}.empty{text-align:center;color:var(--off);font-size:16px;padding:60px 20px;line-height:24px}.badge-circle{width:120px;height:120px;border-radius:50%;background:var(--red-t);display:flex;align-items:center;justify-content:center;font-size:52px;color:var(--red);margin:8px auto 22px;position:relative}form{width:100%;display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{color:var(--off);font-size:13px}.field input,.tf input,.tf textarea,input.tf-plain,select.tf-plain{width:100%;height:56px;background:transparent;border:1px solid var(--mgrey);border-radius:12px;color:#fff;padding:0 16px;font-size:16px;outline:none;letter-spacing:.5px}.field input:focus,input.tf-plain:focus{border-color:var(--red)}.field input::placeholder,input.tf-plain::placeholder{color:var(--mgrey)}.tf{position:relative;display:block;width:100%}.tf input{padding-left:52px}.tf.noicon input{padding-left:16px}.tf .fx-icon{position:absolute;left:14px;top:16px;color:var(--red);pointer-events:none}.tf>span{position:absolute;left:52px;top:16px;color:var(--off);font-size:16px;pointer-events:none;transition:all .12s;background:var(--black);padding:0 4px;margin-left:-4px;line-height:24px}.tf.noicon>span{left:16px}.tf input:focus+span,.tf input:not(:placeholder-shown)+span{top:-10px;left:12px;font-size:12px}.tf input:focus{border-color:var(--mgrey)}.tf.redfocus input:focus{border-color:var(--red)}.tf.redfocus input:focus+span{color:var(--red)}.tf.on-dark>span{background:var(--dark)}.divider{display:flex;align-items:center;gap:12px;color:var(--off);font-size:12px;margin:4px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--mgrey)}.msg{width:100%;border-radius:10px;padding:10px 14px;font-size:13px;display:none;line-height:20px}.msg.err{display:block;color:var(--red);background:#dc143c14}.msg.ok{display:block;color:var(--green);background:#8ff0a412}.auth-shell{min-height:100vh;background:var(--black);display:flex;justify-content:center}.auth-panel{width:100%;max-width:420px;padding:32px 24px;display:flex;flex-direction:column;align-items:center}.auth-panel .logo{width:180px;height:180px;margin-top:8px}.auth-panel .logo.sm{width:100px;height:100px}.auth-panel .brand{font-size:32px;font-weight:700;color:var(--red);margin:8px 0;letter-spacing:0}.auth-panel h1.atitle{font-size:32px;font-weight:300;letter-spacing:0;text-align:center;margin-top:16px}.auth-panel .asub{color:var(--off);font-size:14px;text-align:center;margin:8px 0 28px;line-height:24px}.auth-panel form{gap:12px}.auth-panel .btn{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.1px}.auth-panel .forgot{align-self:flex-end;margin:4px 0 16px}.auth-panel .alt{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:14px;color:var(--off)}.auth-panel .alt a,.auth-panel .alt button{font-weight:700}.auth-back{position:absolute;left:4px;top:8px;width:48px;height:48px;border:none;background:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.auth-art{display:none}.card{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.legal{max-width:760px}.legal .lead{color:var(--off);font-size:15px;line-height:22px;margin-bottom:8px}.legal .updated{color:#7c7c7c;font-size:13px;margin-bottom:20px}.legal h2{color:#fff;font-size:18px;font-weight:700;margin:22px 0 8px;letter-spacing:0}.legal h2 .num{color:var(--red);margin-right:8px}.legal p,.legal li{color:var(--off);font-size:14px;line-height:21px;margin-bottom:8px}.legal ul{margin:8px 0 12px;padding-left:20px}.legal b{color:#fff}.legal a{color:var(--red);font-weight:500}.site-footer{display:none}@media(min-width:900px){main.page{max-width:var(--maxw);margin:0 auto;padding:32px 40px 56px}.with-bnav main.page{padding-bottom:56px}h1.title{font-size:40px;line-height:48px}h1.title.b{font-size:38px}.subtitle{font-size:15px;max-width:720px}.hero{height:min(68vh,620px);margin:-32px calc(50% - 50vw) 8px;padding:56px max(40px,calc(50vw - 560px));background-image:var(--hero-d,none);background-position:center 30%}.hero h2{font-size:56px;line-height:60px}.hero p{font-size:17px;line-height:26px;max-width:560px}.hero-actions .btn{height:48px;font-size:16px;padding:0 28px}.section-header{margin-top:28px}.carousel{margin:0;padding:6px 0 10px;gap:16px;scrollbar-width:thin;scrollbar-color:#333 transparent}.carousel::-webkit-scrollbar{display:block;height:6px}.carousel::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.poster{width:180px;height:250px}.poster:hover{transform:scale(1.05);box-shadow:0 14px 34px #0009,0 0 0 2px var(--red);z-index:2}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.rowgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:0}.list.cols{grid-template-columns:1fr 1fr}.theater-card:hover,.opt-card:hover{outline:1px solid var(--red)}.plans{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-width:none}.plan{height:64px}.desk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.desk-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.desk-narrow{max-width:640px}.auth-shell{align-items:stretch}.auth-art{display:flex;flex:1 1 55%;position:relative;overflow:hidden;align-items:flex-end;padding:56px;background:radial-gradient(120% 90% at 20% 0,#3a0d1a 0,#000 60%)}.auth-art .wall{position:absolute;inset:-40px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;transform:rotate(-8deg) scale(1.15);opacity:.45}.auth-art .wall div{aspect-ratio:2/3;border-radius:8px;background:var(--dark) center/cover}.auth-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0003,#000 98%),linear-gradient(0deg,#000 5%,transparent 60%)}.auth-art .copy{position:relative;z-index:2;max-width:520px}.auth-art .copy .wm{font-size:44px;font-weight:300;letter-spacing:0}.auth-art .copy p{color:var(--off);font-size:18px;line-height:28px;margin-top:10px}.auth-panel{flex:0 0 480px;max-width:480px;justify-content:center;padding:48px;position:relative;background:#000;border-left:1px solid #141414}.site-footer{display:block;border-top:1px solid var(--dark);background:#050505}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:36px 40px;color:var(--off);font-size:13px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.footer-inner .cols{display:flex;gap:56px;flex-wrap:wrap}.footer-inner a{color:var(--off)}.footer-inner a:hover{color:#fff}.footer-inner .fcol{display:flex;flex-direction:column;gap:8px}.footer-inner .fcol b{color:#fff;font-size:13px;margin-bottom:2px;font-weight:500}.footer-inner .wm{font-size:26px;font-weight:300;color:#fff;letter-spacing:0}}.login-form{min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0}.login-form>i{display:block;height:4px}.login-form .brand{margin:0}.login-form .tf,.login-form .bottom{width:100%}.login-form .forgot{align-self:flex-end;margin:0 12px}.login-form .bottom{display:flex;flex-direction:column;gap:0}.login-form .bottom .alt{margin-top:16px}.auth-panel.centered{min-height:100vh;justify-content:center}@media(min-width:900px){.login-form{min-height:0;justify-content:center;gap:10px}.login-form .logo{width:140px;height:140px}}
