.login-page{grid-template-columns:minmax(0,5fr) minmax(0,6fr);height:100svh;min-height:560px;display:grid}.login-photo{background:linear-gradient(var(--sky-top), var(--sky-bottom));flex-direction:column;justify-content:space-between;gap:32px;padding:28px clamp(24px,4vw,56px);display:flex;position:relative;overflow:hidden}.login-photo:after{content:"";background:radial-gradient(circle at 50% 46%, color-mix(in oklab, var(--sun) 45%, white) 0%, var(--sun) 58%, color-mix(in oklab, var(--sun) 82%, var(--sky-bottom)) 100%);width:44vh;height:44vh;box-shadow:0 0 3vh color-mix(in srgb, var(--sun) 90%, transparent), 0 0 14vh color-mix(in srgb, var(--sun) 45%, transparent), 0 0 40vh color-mix(in srgb, var(--sun) 22%, transparent);border-radius:50%;position:absolute;bottom:-12vh;left:50%;translate:-50%}.login-photo>*{z-index:1;position:relative}.login-photo .brand,.login-photo .github-star{align-self:flex-start}.login-photo>div{margin-bottom:auto;padding-top:4vh}.login-photo .github-star{background:var(--bg);color:var(--text);border-radius:999px;padding:2px 14px}.login-quote{font-variation-settings:"wdth" 78;letter-spacing:-.03em;max-width:11ch;font-size:clamp(2.8rem,5.4vw,5rem);font-weight:800;font-stretch:78%;line-height:.88}.invite-note{border-radius:var(--radius-sm);background:var(--bg);max-width:36ch;color:var(--text-2);margin-top:24px;padding:14px 16px;font-size:.92rem;line-height:1.55}.invite-note strong{color:var(--text);letter-spacing:.08em}.login-main{flex-direction:column;min-height:0;padding:18px clamp(24px,5vw,72px) 20px;display:flex;overflow-y:auto}.theme-control{align-self:flex-end;align-items:center;gap:12px;display:flex}.theme-control label{white-space:nowrap;color:var(--text-3);font-size:.78rem}.theme-control select{width:132px}.login-card{width:100%;max-width:400px;margin:auto;padding-block:8px}.login-card h1{font-size:clamp(2rem,5.4svh,3rem);font-weight:800}.login-description{color:var(--text-2);margin:8px 0 clamp(14px,3svh,28px);font-size:.94rem;line-height:1.65}#auth-form label{margin-bottom:6px}#auth-form .input{margin-bottom:clamp(10px,2svh,18px);padding:12px 14px}#auth-form .btn-lg{min-height:46px}#auth-form .divider{margin:clamp(8px,1.8svh,18px) 0}.password-field{position:relative}.password-field .input{padding-right:70px!important}#toggle-password{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:.8rem;position:absolute;top:8px;right:8px}#toggle-password:hover{background:var(--hover)}.auth-message{overflow-wrap:anywhere;border:1px solid;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.88rem;display:none}.error-msg{color:var(--danger)}.success-msg{color:var(--ok)}.login-note{color:var(--text-3);text-align:center;margin-top:clamp(10px,2svh,22px);font-size:.78rem;line-height:1.6}@media (width<=760px){.login-page{height:auto;display:block}.login-photo{flex-direction:row;align-items:center;padding:20px 24px}.login-photo:after{display:none}.login-photo>div{margin:0;padding:0}.login-photo>div:has(.invite-note.hidden),.login-photo .github-star,.login-quote{display:none}.invite-note{margin:0}.login-main{padding-top:16px}.theme-control label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.login-card{padding-top:24px}.login-card h1{font-size:2.4rem}}