.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{width:100%;color:var(--toss-blue,#3182f6);border:1.5px solid var(--toss-blue,#3182f6);cursor:pointer;background:#fff;border-radius:10px;margin-top:8px;padding:14px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s}.login-submit:hover:not(:disabled){background:#3182f60f}.login-submit:disabled{color:var(--ink-4,#94a3b8);border-color:var(--line,#cbd5e1);cursor:not-allowed;background:#fff}.login-signup{box-sizing:border-box;color:#fff;text-align:center;background:var(--toss-blue,#3182f6);cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;padding:14px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:block;box-shadow:0 8px 18px #3182f652}.login-signup:hover{background:var(--toss-blue-strong,#1b64da);transform:translateY(-1px);box-shadow:0 10px 22px #3182f666}.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}}