@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',system-ui,-apple-system,sans-serif;color:#182922;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 20%,#e4f0e8 0,transparent 32%),radial-gradient(circle at 88% 88%,#e8f0e5 0,transparent 30%),#f6f8f5}.login-card{width:min(100%,470px);padding:45px 48px 34px;background:#fff;border:1px solid #e6ebe5;border-radius:22px;box-shadow:0 18px 70px #183a2110}.mark{display:grid;place-items:center;background:#cbe8c7;color:#1f592e;width:48px;height:48px;border-radius:15px;font-size:27px;font-weight:700;margin-bottom:28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#6a8971}.login-card h1,.home-content h1{font-size:36px;letter-spacing:-.055em;line-height:1.3;margin:12px 0 11px}.login-card h1 span,.home-content h1 span{color:#338450}.intro{font-size:14px;color:#77847b;margin:0;line-height:1.7}.form{display:flex;flex-direction:column;margin-top:30px}.form label{font-size:13px;font-weight:700;margin:0 0 8px}.form input{font:inherit;font-size:14px;height:52px;border:1px solid #dfe7df;border-radius:10px;padding:0 15px;margin-bottom:20px;outline:none;color:#1e3024;background:#fbfcfa}.form input:focus{border-color:#398550;box-shadow:0 0 0 3px #dcefe0}.form input::placeholder{color:#aab5ac}.form button{height:54px;border:0;border-radius:10px;background:#245f37;color:white;font:inherit;font-size:14px;font-weight:700;cursor:pointer;margin-top:3px}.form button:hover{background:#194b29}.form button span{float:right;margin-right:16px;font-size:18px}.footnote{border-top:1px solid #edf1ed;padding-top:22px;margin:30px 0 0;text-align:center;color:#98a49a;font-size:11px}.footnote span{color:#61a573;margin-right:5px}.notice{padding:12px;border-radius:8px;background:#eaf5ec;color:#27613a;font-size:13px;margin-top:20px}.notice.error{background:#fff0ef;color:#a23e32}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1040px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9e2;background:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.12em}.mark.small{width:34px;height:34px;border-radius:10px;font-size:21px;margin:0}.logout{border:1px solid #dce5dd;border-radius:8px;padding:9px 14px;background:#fff;color:#52655a;font:inherit;font-size:12px;cursor:pointer}.home-content{max-width:750px;margin:90px auto;padding:0 24px}.home-content h1{font-size:42px}.status-card{margin-top:38px;padding:24px;border:1px solid #e3ebe3;border-radius:15px;background:#fff;display:flex;gap:16px;align-items:center;box-shadow:0 10px 40px #183a2108}.status-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e3f3e7;color:#277347;font-weight:800}.status-card p{margin:3px 0;font-size:13px;color:#829087}.status-card .status-title{font-weight:700;color:#25382a;font-size:15px}.api-link{display:inline-flex;gap:16px;margin-top:24px;color:#296b3d;font-size:13px;font-weight:700;text-decoration:none}.api-link:hover{text-decoration:underline}@media(max-width:480px){.login-card{padding:35px 26px 28px}.home-content{margin-top:65px}}