.login-page{min-height:100dvh;display:flex;flex-direction:column}.login-brand{margin:0 48px;padding:36px 0;border-bottom:1px solid var(--line)}.login-brand .brand{width:max-content}.login-main{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;flex:1;min-height:0;width:min(1200px,100%);margin:auto;padding:70px 48px 90px}.login-intro h1{font:clamp(38px,4.5vw,62px)/1.08 Georgia,serif;letter-spacing:-2px;margin:24px 0}.login-intro p{font-size:15px;line-height:1.7;color:var(--muted)}.login-access{border-left:1px solid var(--line);padding-left:56px;max-width:430px}.login-access h2{font:30px/1.2 Georgia,serif;margin:18px 0 30px}.login-access label{display:block;font-size:13px;margin:20px 0 8px}.login-access input{width:100%;background:var(--surface)}.login-access button{width:100%;justify-content:space-between;margin-top:28px}.login-access .fine{margin-top:20px}.login-footer{margin:0 48px;padding:22px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
@media(max-width:900px){.login-main{gap:40px;padding:60px 32px}.login-access{padding-left:32px}.login-brand,.login-footer{margin-left:32px;margin-right:32px}.login-intro h1{font-size:43px}}
@media(max-width:640px){.login-brand{margin:0 24px;padding:26px 0}.login-main{display:block;padding:34px 24px 48px;max-width:470px}.login-intro h1{font-size:39px;margin:18px 0}.login-intro p{font-size:14px}.login-access{padding:32px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:32px;max-width:none}.login-access h2{font-size:28px;margin-bottom:24px}.login-access input{font-size:16px}.login-footer{margin:0 24px}}