*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Malgun Gothic,sans-serif}#root{min-height:100vh}.dadam-login{--ink:#103f3d;--green:#28755f;box-sizing:border-box;min-height:100svh;color:var(--ink);isolation:isolate;background:radial-gradient(at 0 74%,#c6eadc 0,#0000 37%),radial-gradient(at 100% 63%,#c9eddf 0,#0000 40%),#edfaf4;flex-direction:column;justify-content:space-between;gap:38px;padding:34px 5.2% 28px;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;display:flex}.dadam-login *{box-sizing:border-box}.dadam-header{justify-content:space-between;align-items:flex-start;display:flex}.dadam-brand{letter-spacing:-3px;font-size:44px;font-weight:900;line-height:1.15}.dadam-brand span{color:#668881;letter-spacing:-.5px;margin-top:9px;font-size:19px;font-weight:400;display:block}.dadam-tagline{text-align:right;color:#617f79;margin:17px 0 0;font-size:17px;line-height:1.6}.dadam-tagline:after{content:"";background:#a5c9bd;width:24px;height:1px;margin:17px 0 0 auto;display:block}.dadam-card{background:#fff;border-radius:24px;grid-template-columns:1.08fr 1fr;width:min(1236px,100%);min-height:640px;margin:auto;display:grid;overflow:hidden;box-shadow:0 22px 65px #458c7012}.dadam-visual{flex-direction:column;justify-content:space-between;min-width:0;padding-top:65px;display:flex;position:relative}.dadam-visual h1{letter-spacing:-1.8px;z-index:1;margin:0 40px 24px 62px;font-size:44px;font-weight:800;line-height:1.3}.dadam-visual h1 span{color:#2d8169}.dadam-art{aspect-ratio:640/390;background-image:var(--dadam-art);background-position:21.318% 74.955%;background-repeat:no-repeat;background-size:261.25%;width:100%;margin-top:auto;margin-bottom:40px}.dadam-form-panel{color:#111b1a;border-left:1px solid #edf0ef;margin:44px 0;padding:30px 60px 36px 78px}.dadam-form-panel h2{letter-spacing:-1.5px;margin:0 0 17px;font-size:42px;line-height:1.2}.dadam-welcome{color:#717980;word-break:keep-all;margin:0 0 38px;font-size:17px;line-height:1.65}.dadam-form-panel label{margin-bottom:12px;font-size:18px;font-weight:600;display:block}.dadam-input{color:#879497;border:1px solid #d2d7dc;border-radius:9px;align-items:center;gap:14px;height:59px;margin-bottom:29px;padding:0 17px;display:flex}.dadam-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #28755f20}.dadam-input>svg{flex-shrink:0}.dadam-input input{width:100%;min-width:0;font:inherit;color:#163b34;background:0 0;border:0;outline:0;height:100%;font-size:17px}.dadam-input input::placeholder{color:#8a929b}.dadam-eye{color:#7c898c;cursor:pointer;background:0 0;border:0;place-items:center;min-width:40px;min-height:40px;margin-right:-8px;padding:8px;display:grid}.dadam-status{color:#b03535;min-height:0;margin:-10px 0 18px;font-size:14px;line-height:1.5}.dadam-status:empty{margin:0 0 39px}.dadam-submit{color:#fff;width:100%;height:65px;font:inherit;cursor:pointer;background:#266f5d;border:0;border-radius:9px;font-size:21px;font-weight:700}.dadam-submit:hover{background:#1c5e4e}.dadam-submit:disabled{opacity:.65;cursor:wait}.dadam-login button:focus-visible{outline-offset:4px;outline:3px solid #184d40}.dadam-footer{letter-spacing:5px;color:#5b847a;font-size:11px;font-weight:600;line-height:1.8}.dadam-footer span{letter-spacing:2.8px;color:#718f86;font-size:9px;display:block}@media (width>=1500px){.dadam-login{gap:45px}.dadam-card{min-height:640px}}@media (width<=1100px){.dadam-form-panel{padding:25px 35px}.dadam-visual h1{margin-left:35px;font-size:37px}.dadam-card{min-height:580px}.dadam-welcome,.dadam-input input{font-size:15px}}@media (width<=760px){.dadam-login{gap:28px;padding:24px 20px}.dadam-brand{font-size:32px}.dadam-brand span{font-size:14px}.dadam-tagline{margin-top:4px;font-size:13px}.dadam-card{border-radius:20px;grid-template-columns:1fr;max-width:480px;min-height:0}.dadam-visual{padding:26px 26px 0}.dadam-visual h1{margin:0;font-size:30px}.dadam-art{display:none}.dadam-form-panel{border-left:0;margin:0;padding:30px 26px}.dadam-form-panel h2{font-size:30px}.dadam-welcome{margin-bottom:28px;font-size:14px}.dadam-input{gap:10px;height:56px;margin-bottom:24px;padding:0 12px}.dadam-form-panel label{font-size:16px}.dadam-submit{height:56px;font-size:18px}.dadam-status:empty{margin-bottom:27px}.dadam-footer{margin-top:4px}}.dadam-notice{border-radius:9px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;line-height:1.5;display:flex}.dadam-notice--success{color:#1c6b4f;background:#e8f6ef}.dadam-notice--info{color:#20597e;background:#eaf4fb}.dadam-notice-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:2px 4px;font-size:18px;line-height:1}.dadam-notice-close:hover{opacity:1}.dadam-otp-qr{justify-content:center;margin:8px 0 18px;display:flex}.dadam-otp-qr img{border:1px solid #e3e8e6;border-radius:12px;width:180px;height:180px;padding:8px}.dadam-otp-secret{color:#4a5b57;word-break:break-all;background:#f4f8f6;border:1px solid #e3e8e6;border-radius:8px;margin:0 0 24px;padding:10px 14px;font-size:13px}.dadam-otp-secret code{color:#163b34;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:600}.dadam-link-back{color:#4a8a74;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;padding:14px 0 0;font-size:15px;font-weight:600}.dadam-link-back:hover{text-decoration:underline}.dadam-signup-hint{color:#8a929b;text-align:center;margin:16px 0 0;font-size:13px}.dadam-signup-hint a{color:#4a8a74;font-weight:600;text-decoration:none}.dadam-signup-hint a:hover{text-decoration:underline}