.login-wrap{min-height:100dvh;padding:24px;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));background:var(--page);justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:380px;padding:30px 26px 26px;box-shadow:0 12px 40px #00000014}.login-brand{align-items:center;gap:11px;margin-bottom:22px;display:flex}.login-brand .beans{gap:4px;display:flex}.login-brand .bean{border-radius:6px;width:12px;height:20px}.login-brand .b1{background:var(--reno);transform:rotate(-14deg)}.login-brand .b2{background:var(--npi);margin-top:3px}.login-brand .b3{background:var(--prop);transform:rotate(14deg)}.login-brand h1{color:var(--ink);margin:0;font-size:16px;font-weight:700;line-height:1.2}.login-brand small{color:var(--ink-3);letter-spacing:.02em;font-size:11.5px;font-weight:500;display:block}.login-lead{color:var(--ink-2);margin:0 0 18px;font-size:13.5px;line-height:1.5}.login-form label{color:var(--ink-2);margin:0 0 6px;font-size:12px;font-weight:600;display:block}.login-form input{border:1px solid var(--line-strong);background:var(--page);width:100%;color:var(--ink);border-radius:10px;margin-bottom:14px;padding:11px 12px;font-size:16px}.login-form input:focus{outline:2px solid var(--reno);outline-offset:1px;border-color:#0000}.login-btn{background:var(--reno);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:650}.login-btn:disabled{opacity:.6;cursor:default}.login-err{color:#c0392b;background:#fdecea;border:1px solid #f5c6c0;border-radius:8px;margin-bottom:14px;padding:8px 10px;font-size:12.5px}.login-hint{color:var(--ink-3);margin:12px 0 0;font-size:11.5px;line-height:1.5}