:root{font-family:Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif;color:#172033;background:#eef2f6;font-synthesis:none}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;background:radial-gradient(circle at 18% 18%,#dbe7f4 0,transparent 34%),linear-gradient(135deg,#edf2f7,#f8fafc)}.login-shell{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(340px,1.1fr);width:min(820px,calc(100% - 32px));min-height:480px;overflow:hidden;border:1px solid #d8e0e8;border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(25,43,68,.13)}.login-brand{display:flex;flex-direction:column;justify-content:flex-end;padding:46px;color:#fff;background:linear-gradient(150deg,#12243b,#1c4f75 70%,#18709a)}.brand-mark{display:flex;gap:6px;margin-bottom:auto}.brand-mark span{width:9px;height:28px;border-radius:9px;background:#65d6e6}.brand-mark span:nth-child(2){height:38px;background:#fff}.brand-mark span:nth-child(3){height:22px;background:#82c6ed}.login-brand p{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.22em}.login-brand h1{margin:0;font-size:42px;letter-spacing:-.04em}.login-brand>span{margin-top:9px;color:#d7e7f3}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:54px}.eyebrow{margin:0 0 10px;color:#18709a;font-size:11px;font-weight:900;letter-spacing:.16em}.login-panel h2{margin:0;font-size:28px;letter-spacing:-.04em}.description{margin:12px 0 30px;color:#66758a;font-size:14px;line-height:1.6}form{display:grid;gap:16px}label{display:grid;gap:7px}label span{font-size:12px;font-weight:800}input{height:44px;padding:0 13px;border:1px solid #cfd8e3;border-radius:8px;background:#fbfcfe;font:inherit;outline:none}input:focus{border-color:#18709a;box-shadow:0 0 0 3px rgba(24,112,154,.12)}button{height:44px;margin-top:4px;border:0;border-radius:8px;color:#fff;background:#176b94;font:inherit;font-weight:800;cursor:pointer}button:disabled{opacity:.65;cursor:wait}.login-error{margin:0;padding:10px 12px;border:1px solid #edc8cc;border-radius:7px;color:#a52230;background:#fff1f2;font-size:12px}.login-panel small{margin-top:26px;color:#8190a2;line-height:1.55}@media(max-width:680px){.login-shell{grid-template-columns:1fr;min-height:auto}.login-brand{min-height:180px;padding:28px}.brand-mark{margin-bottom:24px}.login-brand h1{font-size:34px}.login-panel{padding:34px 28px}}