:root{--ink:#12261f;--muted:#5b6f68;--brand:#0f7a5c;--brand-ink:#fff;--surface:#f4f8f6;--panel:#fff;--line:#d6e3dd;--danger:#b42318;color:var(--ink);background:var(--surface);font-family:Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{flex-direction:column;min-height:100vh;margin:0;display:flex}a{color:var(--brand)}.topbar{background:var(--brand);color:var(--brand-ink);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.topbar a{color:var(--brand-ink);text-decoration:none}.brand{letter-spacing:-.02em;font-size:20px;font-weight:800}.topbar nav{align-items:center;gap:16px;font-size:14px;display:flex}.topbar button{color:var(--brand-ink);cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:6px;padding:4px 10px}.wrap{flex:1;width:min(960px,100% - 32px);margin:32px auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px}.hero h1{margin:0 0 8px;font-size:28px}.hero p{color:var(--muted);line-height:1.6}.actions{gap:12px;margin-top:20px;display:flex}.button{border:1px solid var(--brand);color:var(--brand);background:var(--panel);cursor:pointer;border-radius:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.button--primary{background:var(--brand);color:var(--brand-ink)}.login-page,.signup-page{place-items:start center;display:grid}.login-panel,.signup-panel{width:min(480px,100%)}label{gap:6px;margin:12px 0;font-size:14px;display:grid}input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:15px}.error,[role=alert]{color:var(--danger)}.info-list{grid-template-columns:140px 1fr;gap:10px 16px;margin:16px 0 0;display:grid}.info-list dt{color:var(--muted)}.error-page{width:min(560px,100% - 32px);margin:64px auto}.footer{color:var(--muted);border-top:1px solid var(--line);background:var(--panel);padding:20px 24px;font-size:13px}