.login-page{--login-green:#1a3a32;--login-paper:#fbfaf7;--login-ink:#1a3a32;--login-muted:#6b7a74;--login-field:#f3f2ee;--login-line:#e6e4dd;--login-error-bg:#fdf1ef;--login-error-ink:#a5301f;min-height:100vh;display:grid;place-items:center;padding:32px 20px;color:var(--login-ink);background:radial-gradient(1200px 500px at 50% -10%,#e3ebe6 0,rgba(227,235,230,0) 70%),var(--login-paper)}.login-page,.login-page *,.login-page :after,.login-page :before{box-sizing:border-box}.login-card{width:100%;max-width:400px;padding:40px 32px 32px;border-radius:28px;background:#fff;border:1px solid var(--login-line);box-shadow:0 20px 50px -24px rgba(26,58,50,.28);text-align:center}.login-page .login-logo{display:block;height:44px;width:auto;max-width:100%;margin:0 auto 28px}.login-page h1{margin:0 0 6px;font-size:22px;line-height:1.25;font-weight:650;letter-spacing:-.015em;color:var(--login-ink)}.login-page .login-sub{margin:0 0 28px;font-size:14px;line-height:1.5;color:var(--login-muted)}.login-page .login-error{margin:0 0 16px;padding:10px 14px;border-radius:12px;background:var(--login-error-bg);color:var(--login-error-ink);font-size:13.5px;line-height:1.4;text-align:left}.login-page .login-form{display:grid;grid-gap:10px;gap:10px;margin:0}.login-page .login-field{display:flex;align-items:center;gap:12px;height:52px;margin:0;padding:0 16px;border:1px solid transparent;border-radius:14px;background:var(--login-field);color:var(--login-muted);cursor:text;transition:border-color .15s,background .15s,box-shadow .15s}.login-page .login-field svg{flex:none}.login-page .login-field input{flex:1 1;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;font:inherit;font-size:15px;color:var(--login-ink)}.login-page .login-field input::placeholder{color:var(--login-muted);opacity:.85}.login-page .login-field:focus-within{background:#fff;border-color:var(--login-green);box-shadow:0 0 0 4px rgba(26,58,50,.1);color:var(--login-green)}.login-page .login-google,.login-page .login-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin:0;border-radius:14px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,filter .15s,transform .05s}.login-page .login-primary{margin-top:8px;border:0;background:var(--login-green);color:var(--login-paper)}.login-page .login-primary:hover{filter:brightness(1.15)}.login-page .login-google:active,.login-page .login-primary:active{transform:translateY(1px)}.login-page .login-google{border:1px solid var(--login-line);background:#fff;color:var(--login-ink);font-weight:500}.login-page .login-google:hover{background:var(--login-paper)}.login-page .login-google:focus-visible,.login-page .login-primary:focus-visible{outline:3px solid rgba(26,58,50,.3);outline-offset:2px}.login-page .login-divider{display:flex;align-items:center;gap:14px;margin:20px 0;font-size:13px;color:var(--login-muted)}.login-page .login-divider:after,.login-page .login-divider:before{content:"";flex:1 1;border-top:1px solid var(--login-line)}@media (max-width:480px){.login-card{padding:32px 20px 24px;border-radius:24px}}@media (prefers-reduced-motion:reduce){.login-page *{transition:none!important}}