:root { color-scheme: light; --ink:#2c2925; --muted:#6a655e; --line:#e7e4e0; --accent:#1f9d55; --accent-strong:#177a42; --dark:#1c2a22; font-family:Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Malgun Gothic",sans-serif; }
* { box-sizing:border-box; } body { min-height:100vh; margin:0; color:var(--ink); background:linear-gradient(135deg,rgba(28,42,34,.96),rgba(23,122,66,.9)),var(--dark); -webkit-font-smoothing:antialiased; } h1,p { margin:0; } button,input { font:inherit; } .login-screen { display:grid; min-height:100vh; place-items:center; padding:24px; }.login-card { width:min(430px,100%); padding:36px; border:1px solid rgba(255,255,255,.5); border-radius:16px; background:rgba(255,255,255,.97); box-shadow:0 28px 70px rgba(0,0,0,.25); }.login-brand { display:flex; align-items:center; gap:16px; }.login-brand img { width:86px; height:86px; object-fit:contain; }.eyebrow { margin-bottom:4px; color:var(--accent); font-size:13px; font-weight:900; text-transform:uppercase; }.login-brand h1 { font-size:29px; line-height:1.15; }.login-description { margin:23px 0 20px; color:var(--muted); font-size:14px; line-height:1.55; }.login-form { display:grid; gap:15px; }.login-form label { display:grid; gap:7px; color:var(--ink); font-size:12px; font-weight:800; }.login-form input { width:100%; min-height:46px; padding:0 12px; border:1px solid var(--line); border-radius:11px; background:#fff; color:var(--ink); font-size:15px; }.login-form input:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(31,157,85,.14); outline:none; }.login-form button { min-height:48px; margin-top:3px; border:0; border-radius:11px; background:var(--accent); color:#fff; cursor:pointer; font-weight:800; font-size:15px; }.login-form button:hover { background:var(--accent-strong); }.login-form button:disabled { opacity:.58; cursor:not-allowed; }.login-error { padding:10px 12px; border:1px solid rgba(192,86,63,.25); border-radius:10px; background:rgba(192,86,63,.08); color:#c0563f; font-size:13px; font-weight:700; } [hidden] { display:none !important; } @media (max-width:480px) { .login-card { padding:26px; }.login-brand img { width:66px; height:66px; }.login-brand h1 { font-size:24px; } }