.login-page{background:var(--bg-soft,#f8fafc);justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:80px 24px;display:flex}.login-card{border:1px solid var(--line,#e5e7eb);background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px 32px;box-shadow:0 4px 20px #0000000f}.login-title{color:var(--ink,#0f172a);letter-spacing:-.01em;margin:0 0 8px;font-size:24px;font-weight:700}.login-sub{color:var(--ink-3,#64748b);margin:0 0 32px;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--ink-2,#334155);font-size:13px;font-weight:600}.login-input{border:1px solid var(--line,#e5e7eb);width:100%;color:var(--ink,#0f172a);background:#fff;border-radius:10px;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--toss-blue,#3182f6);outline:none;box-shadow:0 0 0 3px #3182f61f}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:4px 0;padding:10px 12px;font-size:13px}.login-submit{color:#fff;background:var(--toss-blue,#3182f6);cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-size:15px;font-weight:600;transition:background .15s}.login-submit:hover:not(:disabled){background:var(--toss-blue-strong,#1b64da)}.login-submit:disabled{background:var(--ink-4,#94a3b8);cursor:not-allowed}.login-note{color:var(--ink-3,#64748b);text-align:center;margin-top:24px;font-size:12px;line-height:1.6}@media (max-width:480px){.login-page{padding:40px 16px}.login-card{padding:32px 24px}}