.auth-body{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 15%,#30243d 0,transparent 65%),#14121b;padding:38px 20px}.auth-shell{width:min(390px,100%);padding:0;margin:0;text-align:center}.auth-shell .brand{justify-content:center;font-size:29px;gap:12px}.auth-scene{margin:35px auto 24px;position:relative;height:110px;width:175px;color:#b6a0e6}.cinema-screen{border:1px solid #b6a0e62b;background:#b6a0e607;border-radius:10px;width:148px;height:87px;margin:0 auto;transform:perspective(250px) rotateX(-7deg);display:grid;place-items:center;box-shadow:0 10px 50px #b6a0e60b}.cinema-screen svg{width:64px;height:64px;opacity:.8}.cinema-seats{display:flex;justify-content:center;gap:15px;position:absolute;bottom:0;left:0;right:0}.cinema-seats span{width:35px;height:33px;border:1px solid #b6a0e655;background:#3a2b4a;border-radius:12px 12px 5px 5px;box-shadow:0 5px 0 #20162b}.auth-shell h1{font-size:36px;line-height:1.15;letter-spacing:-1.2px}.auth-intro{font-size:12px;color:#afa1bd;line-height:1.9;margin:15px 0 27px}.auth-form{display:grid;gap:17px;text-align:left}.auth-form .field{gap:9px}.auth-form .field>span{font-size:11px}.auth-form input{padding:13px;font-size:13px}.auth-form .primary-button{width:100%;height:43px;font-size:12px;margin-top:3px}.auth-help{font-size:11px;line-height:1.9;color:#ad97bd;margin:0}.auth-form .form-error{margin:0}.auth-footer{font-size:10px;color:#85748f;margin:27px 0 0}.auth-form input[aria-invalid=true]{border-color:#d58a96}.auth-body:has(#confirm-field:not([hidden])) .auth-scene{display:none}.auth-body:has(#confirm-field:not([hidden])) h1{font-size:31px;margin-top:32px}
@media(max-width:400px){.auth-body{padding:29px 24px}.auth-scene{margin-top:30px}.auth-shell h1{font-size:32px}.auth-intro{font-size:11px}.auth-form{gap:15px}}