:root{color-scheme:dark;font-family:Arial,"Segoe UI",sans-serif;background:#101010;color:#f5f5f5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body.cinema-login{display:block;isolation:isolate;overflow-x:hidden;background:#101010}.cinema-backdrop{position:fixed;inset:0;z-index:-2;background:#101010 url("cinema-gallery.png") center center/cover no-repeat;animation:cinema-drift 40s ease-in-out infinite alternate;will-change:transform;pointer-events:none}.cinema-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),transparent 50%,rgba(0,0,0,.18))}.login-stage{display:grid;place-items:center;min-height:100vh;min-height:100svh;width:100%;padding:32px 20px}.access-card{width:min(458px,100%);padding:28px 37px 32px;border:1.5px solid rgba(218,218,218,.48);border-radius:20px;background:linear-gradient(145deg,rgba(65,65,65,.47),rgba(23,23,23,.66));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.33),inset 0 1px 0 rgba(255,255,255,.13)}.access-logo{max-width:100%;object-fit:contain}.access-card h1{font-size:30px;line-height:1.2;text-align:center;letter-spacing:-.7px;font-weight:600;margin:25px 0 29px;color:#fff;text-shadow:0 1px 3px #0008;white-space:nowrap}.access-form{display:grid;gap:14px}.access-field{position:relative;display:flex;align-items:center;min-width:0;height:62px;border:1.5px solid rgba(210,210,210,.30);border-radius:12px;background:rgba(90,90,90,.18);box-shadow:inset 0 1px 2px #ffffff12;transition:border-color .2s,box-shadow .2s}.access-field:focus-within{border-color:#ffd330;box-shadow:0 0 0 3px #ffd3301a}.field-icon{display:flex;align-items:center;justify-content:center;position:absolute;left:17px;width:25px;height:25px;color:#bcbcbc;pointer-events:none}.field-icon svg,.password-toggle svg{width:25px;height:25px}.access-field input{font:400 18px/1.3 Arial,"Segoe UI",sans-serif;color:#fff;background:transparent;border:0;outline:0;border-radius:11px;width:100%;min-width:0;height:100%;padding:0 48px 0 60px}.access-field input::placeholder{color:#acacac;opacity:1}.access-field input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 70px #303030 inset}.password-toggle{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:8px;background:transparent;color:#bcbcbc;cursor:pointer}.password-toggle:hover{color:#fff;background:#ffffff0c}.password-toggle[aria-pressed=true]{color:#ffd330}.password-toggle:focus-visible,.access-submit:focus-visible{outline:3px solid #fff;outline-offset:3px}.access-submit{height:64px;margin-top:3px;border:1px solid #ffe05b;border-radius:12px;background:linear-gradient(110deg,#ffd026,#ffcb20);color:#111;font:700 22px/1 Arial,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 4px 16px #0002;transition:filter .15s,transform .15s}.access-submit:hover{filter:brightness(1.08)}.access-submit:active{transform:translateY(1px)}.access-footer{text-align:center;color:#929292;font-size:13px;line-height:1.5;margin:27px 0 4px}.login-error{padding:12px 14px;margin:0 0 18px;border:1px solid #eb88887a;border-radius:10px;background:#441d1dc9;color:#ffd6d6;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes cinema-drift{from{transform:translateX(1%) scale(1.035)}to{transform:translateX(-1%) scale(1.035)}}@media(max-width:520px){.login-stage{padding:24px 18px}.access-card{padding:24px 23px 25px;border-radius:18px}.access-card h1{font-size:clamp(22px,5.7vw,29px);margin:20px 0 25px;letter-spacing:-.5px}.access-field{height:58px}.access-submit{height:60px;font-size:20px}.cinema-backdrop{background-position:45% center}.access-footer{font-size:12px}}@media(prefers-reduced-motion:reduce){.cinema-backdrop{animation:none}.access-field,.access-submit{transition:none}}

@media(min-width:600px) and (min-height:700px){.access-card{transform:translateY(25px)}}