:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#111;color:#f4f2ec}
*{box-sizing:border-box}
body{margin:0}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,38%);min-height:100dvh}
.film-panel{position:relative;min-height:100dvh;overflow:hidden;background:#0c0e0c}
.film-image{position:absolute;inset:0;background:#0c0e0c url('auth-poster.jpg') center/cover no-repeat}
.film-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#0c0e0c url('auth-poster.jpg') center/cover no-repeat}
.film-brand{position:absolute;top:36px;left:clamp(26px,4vw,72px);display:inline-flex;align-items:center;gap:12px;font-size:23px;font-weight:650;letter-spacing:0;text-shadow:0 1px 14px #000}
.brand-mark{width:18px;height:20px;display:grid;grid-template-columns:repeat(3,4px);gap:3px;align-items:end;transform:skew(-13deg)}
.brand-mark i{display:block;width:4px;background:#d7c58f}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:15px}
.film-caption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:12px;padding:32px clamp(26px,4vw,72px) 42px;background:#0b0b0be8}
.film-caption span,.auth-kicker{font-size:10px;font-weight:650;letter-spacing:1.5px;color:#b9b7ad}
.film-caption strong{font-size:clamp(23px,2.5vw,37px);font-weight:550;line-height:1.1}
.auth-panel{display:flex;flex-direction:column;justify-content:space-between;min-width:0;background:#141414;border-left:1px solid #303030}
.auth-inner{width:min(100%,480px);margin:auto;padding:70px clamp(28px,4vw,64px) 45px}
.auth-kicker{display:block;margin-bottom:19px}
h1{margin:0;font-size:34px;line-height:1.12;font-weight:630;letter-spacing:0}
.auth-intro{margin:13px 0 38px;color:#aaa9a2;font-size:14px;line-height:1.5}
.auth-field{margin-bottom:20px}
.auth-field label{display:block;margin-bottom:9px;font-size:13px;font-weight:570}
.auth-field input{width:100%;height:48px;padding:0 15px;border:1px solid #414141;border-radius:4px;outline:none;background:#202020;color:#f4f2ec;font-size:14px}
.auth-field input:focus{border-color:#d7c58f;outline:1px solid #d7c58f;outline-offset:1px}
.auth-field small{display:block;margin-top:7px;color:#a2a19a;font-size:11px;line-height:1.4}
.auth-verification{min-height:65px;margin:2px 0 13px;overflow:hidden}
.auth-verification .cf-turnstile{width:100%}
.password-field{position:relative}
.password-field input{padding-right:68px}
.password-toggle{position:absolute;top:5px;right:5px;height:38px;padding:0 12px;border:0;background:none;color:#c9c8c1;font-size:12px}
.password-toggle:hover{color:#fff}
.password-toggle:focus-visible,.auth-submit:focus-visible,a:focus-visible{outline:2px solid #d7c58f;outline-offset:3px}
.auth-message{min-height:18px;margin:2px 0 12px;color:#e8a19a;font-size:12px;line-height:1.5}
.auth-message:empty{visibility:hidden}
.auth-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;padding:0 17px;border:0;border-radius:4px;background:#f0efe9;color:#111;font-size:14px;font-weight:650}
.auth-submit:hover{background:#fff}
.auth-submit:disabled{opacity:.6;cursor:wait}
.auth-submit img{display:block;filter:brightness(0)}
.auth-switch{margin:28px 0 0;color:#aaa9a2;font-size:13px}
.auth-switch a{margin-left:4px;color:#f0efe9;text-decoration:underline;text-underline-offset:4px}
.auth-foot{display:flex;justify-content:space-between;gap:20px;margin:0 38px;padding:21px 0;border-top:1px solid #303030;color:#999891;font-size:11px}
.auth-foot a:hover{color:#fff}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.film-panel{min-height:160px;height:160px}.film-image{background-position:center 40%}.film-video{object-position:center 40%}.film-brand{top:23px;left:24px;font-size:20px}.film-caption{display:none}.auth-panel{min-height:calc(100dvh - 160px);border-left:0}.auth-inner{width:min(100%,520px);padding:42px 26px 38px}.auth-foot{margin:0 26px}}
@media(max-width:430px){.film-panel{height:126px;min-height:126px}.film-brand{top:19px;left:20px}.auth-panel{min-height:calc(100dvh - 126px)}.auth-inner{padding:35px 22px 30px}h1{font-size:30px}.auth-intro{margin-bottom:29px}.auth-field{margin-bottom:17px}.auth-foot{margin:0 22px}}
.auth-google{padding-top:24px;display:flex;flex-direction:column;align-items:center;gap:13px}
.auth-google>span{width:100%;display:flex;align-items:center;gap:14px;color:#aaa9a2;font-size:13px}
.auth-google>span:before,.auth-google>span:after{content:"";flex:1;height:1px;background:#3d3b36}
.auth-google p{margin:0;color:#aaa9a2;font-size:13px;line-height:1.5;text-align:center}
#google-signin{min-height:44px;width:100%;display:flex;justify-content:center}
.auth-message.auth-success{color:#d7c58f;visibility:visible}
.verify-layout{display:flex;flex-direction:column;min-height:100dvh;padding:36px clamp(24px,5vw,70px);background:#111}
.verify-brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:650}
.verify-content{width:min(100%,480px);margin:auto}
.verify-content p:not(.auth-message){margin:20px 0 35px;color:#aaa9a2;line-height:1.6}