@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800&family=DM+Mono:wght@400;500&display=swap";
.login-page{--accent:#2563eb;--accent-ink:#1d4ed8;--ink:#15181d;--ink-2:#2b3038;--muted:#697086;--line-2:#e3e6ea;--red-ink:#c4332f;--red-bg:#fbe7ec;--red-line:#f3cfcc;min-height:100vh;color:var(--ink);background:#eceef1;justify-content:center;align-items:center;padding:24px;font-family:Noto Sans JP,system-ui,-apple-system,sans-serif;display:flex}.login-card{border:1px solid var(--line-2);background:#fff;border-radius:16px;width:360px;max-width:100%;padding:30px 28px;box-shadow:0 24px 60px #12161f1f}.login-brand{align-items:center;gap:10px;margin-bottom:22px;display:flex}.login-brand .mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.login-brand .name{font-size:18px;font-weight:800}.login-card h1{margin:0 0 4px;font-size:15px}.login-card .sub{color:var(--muted);margin:0 0 20px;font-size:12px}.login-field{margin-bottom:14px}.login-field label{color:var(--ink-2);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.login-field input{border:1px solid var(--line-2);border-radius:10px;width:100%;height:44px;padding:0 12px;font-family:inherit;font-size:14px}.login-field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1f}.login-error{color:var(--red-ink);background:var(--red-bg);border:1px solid var(--red-line);border-radius:8px;margin-bottom:14px;padding:8px 10px;font-size:12px}.login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:11px;width:100%;height:46px;font-size:14px;font-weight:700}.login-btn:disabled{opacity:.6;cursor:default}.login-hint{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.6}