.login{display:grid;min-height:100dvh;background:var(--bg)}.login-hero{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:22px 22px 26px;background:#121210;color:#eeede8}.login-brand{display:flex;align-items:center;gap:12px}.login-brand b{font-size:17px;letter-spacing:-.01em}.login-brand b,.login-clock b{font-family:var(--font-display);font-weight:600}.login-clock b{display:block;font-size:clamp(64px,14vw,132px);line-height:.95;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.login-clock span{display:block;margin-top:10px;font-family:var(--font-code);font-size:12px;text-transform:uppercase;color:#8f8d86}.login-panel{display:flex;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:26px 22px 40px}.login-panel h1{margin:0;font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.03em}.login-form{display:grid;gap:14px}.login-field{display:grid;gap:6px}.login-field>span:first-child{font-size:13px;font-weight:500;color:var(--ink-2)}.login-field input{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:17px}.login-field input:focus{outline:2px solid var(--focus);outline-offset:-1px}.login-password{position:relative;display:block}.login-password input{padding-right:52px}.login-password button{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.login-password button:hover{color:var(--ink);background:var(--sunken)}.login-error{background:var(--bad-soft);color:var(--bad)}.login-error,.login-notice{margin:0;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500}.login-notice{background:var(--lime-soft);color:var(--ok)}.login-submit{min-height:54px;border:0;border-radius:10px;background:var(--ink);color:var(--on-ink);font:inherit;font-family:var(--font-display);font-size:17px;font-weight:600;cursor:pointer}.login-submit:hover:not(:disabled){opacity:.9}.login-submit:disabled{opacity:.55;cursor:wait}.login-hint{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}@media (min-width:900px){.login{grid-template-columns:minmax(0,1.1fr) minmax(420px,1fr)}.login-hero{padding:40px 48px 48px}.login-panel{align-self:center;justify-self:center;padding:40px 32px}.login-hero{border-right:1px solid #2a2a26}}