html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow:auto;min-height:100vh;min-height:100dvh}
.scene{width:calc(100% - clamp(400px,32vw,560px));height:100vh;height:100dvh;object-fit:cover}
.login-panel{position:relative;margin-left:auto;width:clamp(400px,32vw,560px);max-width:none;min-height:100vh;min-height:100dvh;height:auto;padding:90px 36px 40px}
.form-content{position:static}.language-switch{top:24px;right:32px}.language{min-height:44px;padding:8px}
.demo-login-notice{padding:12px;border:1px solid #cbc4e8;border-radius:8px;background:#f6f2ff;font-size:14px;line-height:1.5;margin:0 0 24px}
.subtitle{margin-bottom:24px}.field{margin-bottom:18px}.divider.after-risk{margin-bottom:24px}.options{flex-wrap:wrap;font-size:14px;gap:12px}
.toggle-password{top:9px;right:8px;width:44px;height:44px;padding:9px}.submit:not(:disabled){background:#7136cf}.submit{min-height:48px}
.notice{right:16px;left:auto;bottom:16px;z-index:2147483646;width:calc(100% - 32px);max-width:500px;font:16px/1.5 Arial,sans-serif}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1764cb;outline-offset:3px}
@media(max-width:900px){.scene{position:relative;width:100%;height:28vh;min-height:160px;max-height:300px;object-position:center}.login-panel{position:relative;inset:auto;width:100%;min-width:0;max-width:560px;margin:0 auto;min-height:0;height:auto;padding:80px max(20px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-radius:0;box-shadow:none}.form-content{position:static}.language-switch{top:16px;right:20px}.bottom-links{gap:18px}.risk{font-size:14px}}
@media(max-height:600px) and (min-width:901px){.login-panel{padding-top:72px}.scene{position:fixed}}
