.login-root{--ink:#1b1b1b;--muted:#57564f;--faint:#736f66;--line:#e6e4de;--pink:#d6336c;--pink-vivid:#ec4899;--font-en:var(--font-exo2), "Inter", "Helvetica Neue", Arial, sans-serif;min-height:100dvh;color:var(--ink);background:#fff;place-items:center;padding:24px;font-family:Pretendard Variable,Pretendard,Noto Sans KR,system-ui,sans-serif;display:grid}.login-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:22px;width:min(560px,100%);padding:clamp(36px,6vw,52px) clamp(28px,5vw,48px) 30px;box-shadow:0 24px 60px -28px #1b1b1b4d}.login-brand{font-family:var(--font-en);letter-spacing:-.01em;color:var(--pink-vivid);margin-bottom:26px;font-size:26px;font-style:italic;font-weight:800}.login-hook-ko{color:var(--ink);letter-spacing:-.01em;margin:0 0 8px;font-size:15px;font-weight:700}.login-hook-en{font-family:var(--font-en);letter-spacing:-.01em;color:var(--pink);margin:0 0 12px;font-size:clamp(34px,7vw,48px);font-style:italic;font-weight:800;line-height:1.06}.login-sub{color:var(--muted);margin:0 0 28px;font-size:14px;line-height:1.6}.login-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.login-actions form{display:contents}.login-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;width:100%;padding:15px 16px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .1s ease-out,box-shadow .15s ease-out,border-color .15s}.login-btn:hover{transform:translateY(-2px)}.login-btn:active{transform:translateY(1px)scale(.995)}.login-btn--kakao{color:#191600;background:#fee500;box-shadow:0 12px 24px -12px #fee500cc}.login-btn--google{color:var(--ink);background:#fff;border-color:#d7d5d0}.login-btn--google:hover{border-color:var(--ink)}.login-foot{color:var(--faint);margin:26px 0 0;font-size:12.5px;line-height:1.6}.login-legal{justify-content:center;align-items:center;gap:10px;margin:14px 0 0;font-size:12.5px;display:flex}.login-legal a{color:var(--muted);text-decoration:none}.login-legal a:hover{color:var(--pink);text-decoration:underline}.login-legal span{color:#cbc9c3}@media (max-width:480px){.login-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.login-btn{transition:none}}