*{box-sizing:border-box} :root{font-family:"Pretendard","Malgun Gothic",system-ui,sans-serif;color:#192a2a;background:#f4f5f1;font-synthesis:none}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #32937c;outline-offset:4px}.login-shell{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;padding:24px;gap:24px}.brand-panel{background:#153b35;color:#fff;border-radius:16px;padding:44px 48px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:690px}.brand{font-size:30px;font-weight:850;letter-spacing:-1.5px;display:inline-flex;align-items:baseline;gap:4px;width:fit-content}.brand-dot{width:7px;height:7px;background:#c5e68e;border-radius:50%;display:inline-block}.brand-copy{position:relative;z-index:1;margin-top:90px}.eyebrow,.section-number{font-size:11px;letter-spacing:2.5px;font-weight:700}.brand-copy .eyebrow{color:#bfd7cc}.brand-copy h1{font-size:clamp(32px,3.5vw,52px);letter-spacing:-2px;line-height:1.4;margin:23px 0 22px;font-weight:600}.brand-copy p{color:#b9cfc7;font-size:14px;line-height:1.9}.brand-footer{margin-top:auto;padding-top:190px;display:flex;justify-content:space-between;gap:10px;color:#aec7bd;font-size:10px;letter-spacing:1px;z-index:1}.road-art{position:absolute;width:620px;height:340px;right:-170px;bottom:-65px;transform:rotate(-29deg);opacity:.6}.road-line{position:absolute;width:100%;height:100%;border:1px solid #689183;border-radius:160px}.road-line.second{inset:24px;width:calc(100% - 48px);height:calc(100% - 48px)}.road-line.third{inset:48px;width:calc(100% - 96px);height:calc(100% - 96px);border-style:dashed}.route-point{position:absolute;left:88px;top:18px;width:12px;height:12px;background:#d6ed9f;border-radius:50%;box-shadow:0 0 0 8px #d6ed9f18}.form-panel{display:flex;flex-direction:column;padding:20px 40px 12px}.form-top{align-self:flex-end;display:flex;align-items:center;gap:9px;font-size:11px;color:#67766e}.status-dot{width:6px;height:6px;border-radius:50%;background:#33806a}.form-content{width:100%;max-width:370px;margin:auto; padding:60px 0}.section-number{color:#6d8076;font-size:10px;letter-spacing:2px}.form-content h2{font-size:34px;letter-spacing:-1.6px;margin:17px 0 12px}.intro{font-size:14px;color:#728078;margin:0 0 39px}label{display:block;font-size:12px;font-weight:700;margin:23px 0 10px}input:not([type=hidden]){width:100%;height:53px;border:1px solid #d6ded6;border-radius:7px;background:#fafbf8;color:#20382e;padding:0 15px;font-size:13px;transition:border-color .15s}input::placeholder{color:#929c93}input:focus{outline:2px solid #387b6650;border-color:#387b66;outline-offset:1px}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-toggle{position:absolute;right:8px;top:8px;height:37px;min-width:45px;background:transparent;border:0;color:#65796d;font-size:11px}.submit{margin-top:29px;width:100%;height:53px;border:0;background:#214f40;border-radius:7px;color:white;font-size:13px;font-weight:700;display:flex;justify-content:center;align-items:center;position:relative}.submit:hover{background:#163d30}.submit span{position:absolute;right:20px;font-size:19px}.access-note{border-top:1px solid #dde3da;margin-top:29px;padding-top:22px;font-size:11px;color:#7a877b;display:flex;gap:9px;align-items:center}.access-note span{font-size:7px}.form-panel footer{text-align:center;font-size:10px;color:#8d978d;letter-spacing:.2px}.alert{background:#fcece7;border:1px solid #eec9bb;border-radius:6px;padding:12px;color:#984328;font-size:12px;line-height:1.7}.dashboard-header{height:88px;border-bottom:1px solid #dde3da;padding:0 6vw;display:flex;justify-content:space-between;align-items:center}.dashboard-header .brand-dot{background:#408267}.dashboard-header form{display:flex;align-items:center;gap:20px;font-size:13px}.logout{background:#fff;border:1px solid #d6ded6;padding:10px 17px;border-radius:6px;color:#324d3d}.dashboard-main{max-width:1000px;margin:70px auto;padding:0 26px}.dashboard-main>.eyebrow{color:#678273}.dashboard-main h1{font-size:32px;letter-spacing:-1px;margin-top:20px}.dashboard-main p{font-size:14px;color:#748176;line-height:1.9}.welcome-card{background:#fff;border:1px solid #dce4d9;border-radius:14px;padding:36px;margin-top:35px;max-width:620px}.success-mark{background:#e7f0df;color:#3c6747;display:grid;place-items:center;width:38px;height:38px;border-radius:50%}.welcome-card h2{font-size:21px;margin-top:25px}dl{border-top:1px solid #e8ece5;margin-top:25px;padding-top:12px}dl div{display:flex;margin-top:16px;font-size:13px}dt{color:#7d877a;width:80px}dd{margin:0}@media(min-width:1500px){.login-shell{max-width:1500px;margin:auto}}@media(max-width:850px){.login-shell{grid-template-columns:.9fr 1fr;padding:16px;gap:8px}.brand-panel{padding:32px 26px}.form-panel{padding:20px 24px}.brand-copy h1{font-size:34px}}@media(max-width:620px){.login-shell{display:block;padding:0;min-height:100svh}.brand-panel{border-radius:0;min-height:0;padding:25px 26px 30px}.brand{font-size:26px}.brand-copy{margin-top:27px}.brand-copy h1{font-size:29px;line-height:1.4;margin:12px 0 0}.brand-copy h1 br{display:none}.brand-copy p,.brand-footer{display:none}.brand-copy .eyebrow{font-size:9px}.road-art{right:-320px;bottom:-210px}.form-panel{padding:24px 27px}.form-top{display:none}.form-content{padding:15px 0 40px;max-width:420px}.form-content h2{font-size:29px}.intro{margin-bottom:26px}.form-panel footer{padding-bottom:10px}.dashboard-main{margin-top:40px}.dashboard-main h1{font-size:25px}.welcome-card{padding:25px}}

@media(max-width:620px){.brand-copy h1 br{display:block}.brand-copy h1{word-break:keep-all}}