.login{z-index:1;background:radial-gradient(60rem 30rem at 85% -10%, var(--accent-soft), transparent 60%), radial-gradient(40rem 26rem at -10% 110%, color-mix(in oklab, var(--c-life) 14%, transparent), transparent 60%);place-items:center;min-height:100dvh;padding:24px 16px;display:grid;position:relative}.login-card{background:var(--card);border:1px solid var(--line);width:min(26rem,100%);box-shadow:var(--shadow);animation:rise var(--duration-normal) var(--ease-out) both;border-radius:20px;padding:clamp(1.5rem,1rem + 2vw,2.5rem)}.login-card h1{font-family:var(--font-serif);letter-spacing:-.02em;margin:.5rem 0 .25rem;font-size:clamp(2.4rem,2rem + 2vw,3.2rem);font-weight:500;line-height:1}.login-card h1 em{color:var(--accent);font-style:italic}.login-lede{color:var(--muted);margin:0 0 1.75rem}.login-form{gap:1rem;display:grid}.field{gap:.35rem;display:grid}.field span{font-family:var(--font-code);font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.field input{background:var(--paper);border:1px solid var(--line);width:100%;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);border-radius:12px;padding:.8rem .9rem}.field input:hover{border-color:color-mix(in oklab, var(--ink) 35%, var(--line))}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 22%, transparent);outline:none}.login-error{min-height:1.4em;color:var(--accent);margin:0;font-size:.9rem}.login-form button{background:var(--ink);color:var(--paper);cursor:pointer;transition:transform var(--duration-fast), opacity var(--duration-fast);border:0;border-radius:12px;padding:.9rem 1rem;font-weight:600}.login-form button:hover:not(:disabled){transform:translateY(-1px)}.login-form button:active:not(:disabled){transform:translateY(1px)}.login-form button:disabled{opacity:.6;cursor:progress}.login-foot{font-family:var(--font-code);font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;position:absolute;bottom:18px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.login-link{color:var(--muted);text-underline-offset:3px;transition:color var(--duration-fast);margin-top:16px;font-size:.9rem;text-decoration:underline;display:inline-block}.login-link:hover{color:var(--ink)}.confirm-check{cursor:pointer;align-items:center;gap:10px;margin-top:18px;display:flex}.confirm-check input{width:18px;height:18px;accent-color:var(--ink)}.login-card h1.h1-long{overflow-wrap:anywhere;font-size:clamp(1.9rem,1.4rem + 2vw,2.6rem)}.code-line{letter-spacing:.04em;display:block}.google-button{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);font:inherit;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:inline-flex}.google-button:hover{border-color:var(--ink)}.google-button:active{transform:translateY(1px)}.login-or{color:var(--muted);align-items:center;gap:.75rem;margin:1rem 0;font-size:.8rem;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line);flex:1;height:1px}.form-ok{min-height:1.25rem;color:var(--income,#177c52);margin:0;font-size:.9rem}@supports (color:lab(0% 0 0)){.form-ok{color:var(--income,lab(45.7694% -36.7167 14.4192))}}.profile-google{gap:.75rem;margin-top:1.25rem;display:grid}.provider-buttons{gap:.6rem;display:grid}