.loginScreen{min-height:100vh;min-height:100svh;margin:0;display:grid;place-items:center;padding:clamp(14px,4vw,72px);background:var(--paper);font-family:"DM Sans",system-ui,sans-serif;color:var(--ink)}
.loginShell{display:grid;grid-template-columns:1.08fr 1fr;width:min(1080px,100%);min-height:580px;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 60px -32px #39200e44}
.loginArt{position:relative;isolation:isolate;overflow:hidden;background:#0a0604}
.loginArt::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#090502c9,transparent 30%),url("/img/login-camera.webp") center center/cover no-repeat}
.loginArt>a{display:inline-flex;margin:32px;padding:0}.loginArt .signature{color:#fff;font-size:30px}
.loginFormArea{display:grid;place-items:center;padding:clamp(32px,4vw,68px)}
.loginFormWrap{width:100%;max-width:370px}
.loginFormWrap h1{margin:0;color:var(--ink);font:600 clamp(34px,3.3vw,51px)/1.05 "DM Sans",sans-serif;letter-spacing:-.065em}
.loginFormWrap h1 span{color:#cf6229}.loginFormWrap>p{margin:12px 0 30px;font-size:15px;line-height:1.55;color:var(--muted)}
.loginFormWrap form{display:block}.loginFormWrap label{display:block;margin:19px 0 7px;font-size:14px;font-weight:600}
.loginFormWrap input{box-sizing:border-box;display:block;width:100%;min-width:0;height:47px;border:1px solid #bdb6aa;border-radius:9px;background:white;color:var(--ink);padding:0 13px;font:400 16px "DM Sans",sans-serif}
.loginScreen :focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}
.loginPassword{position:relative}.loginPassword input{padding-right:83px}
#showPassword{position:absolute;right:4px;top:4px;height:39px;border:0;padding:0 10px;font-size:12px;font-weight:650;background:transparent;color:var(--accent-ink)}
.loginSubmit{width:100%;min-height:46px;margin:24px 0 18px;background:var(--accent);border:0;border-radius:9px;color:#21160f;font:650 15px "DM Sans",sans-serif;cursor:pointer}
.loginSubmit:hover{background:#ff9b60}.loginReturn{display:block;width:fit-content;margin:auto;text-decoration:underline;text-underline-offset:4px;color:var(--muted);font-size:14px}
.loginError{background:#fff0e8;color:#812e15;padding:10px 12px;border-radius:8px;font-size:14px}
@media(max-width:700px){.loginScreen{padding:16px}.loginShell{grid-template-columns:1fr;min-height:auto;max-width:455px;border-radius:18px}.loginArt{height:clamp(120px,22vh,170px)}.loginArt::before{background-position:center 58%}.loginArt>a{margin:20px}.loginArt .signature{font-size:25px}.loginFormArea{padding:28px 24px}.loginFormWrap>p{margin:9px 0 21px}}