@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#071c35;--blue:#087fe2;--cyan:#20c4df;--ink:#152b43;--muted:#718197;--line:#dce6f0}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:'Noto Sans KR',Arial,sans-serif;color:var(--ink);background:linear-gradient(135deg,#071c35 0%,#0d365c 55%,#eaf4fc 55%,#f6f9fc 100%);display:grid;place-items:center;padding:28px}.portal-shell{width:min(100%,980px);display:grid;grid-template-columns:1fr 430px;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 28px 80px #00152d55;min-height:590px}.portal-info{padding:55px 48px;color:#fff;background:linear-gradient(150deg,#082542,#0b4772);position:relative;overflow:hidden}.portal-info:after{content:'';position:absolute;width:340px;height:340px;border:1px solid #ffffff20;border-radius:50%;right:-130px;bottom:-100px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{font-size:42px;font-weight:900;letter-spacing:-3px;color:#44c8e5}.brand-sub{font-size:9px;line-height:1.4;letter-spacing:1px;color:#c2d7e8}.portal-info h1{font-size:34px;line-height:1.3;margin:90px 0 18px;letter-spacing:-1.3px}.portal-info p{color:#c4d7e8;font-size:14px;line-height:1.9;max-width:390px}.portal-points{margin-top:35px;display:grid;gap:15px}.portal-points div{font-size:12px;color:#e2eef8}.portal-points b{color:#55d2e8;margin-right:9px}.portal-form-wrap{padding:48px 42px;display:flex;flex-direction:column;justify-content:center}.form-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.form-top span{font-size:11px;color:var(--blue);font-weight:900;letter-spacing:1.5px}.form-top a,.back-link{font-size:11px;color:#75869a;text-decoration:none}.portal-form-wrap h2{font-size:25px;margin:0 0 7px;color:var(--navy)}.subcopy{font-size:12px;color:var(--muted);margin:0 0 27px}.role-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f5fa;border-radius:7px;padding:4px;margin-bottom:22px}.role-tabs a{text-align:center;padding:9px 4px;border-radius:5px;font-size:11px;font-weight:800;color:#687b90;text-decoration:none}.role-tabs a.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px #153b5b14}.field{margin:14px 0}.field label{display:block;font-size:11px;font-weight:800;margin-bottom:7px}.field input{width:100%;height:46px;border:1px solid var(--line);border-radius:6px;padding:0 13px;font:inherit;font-size:12px;outline:none}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #087fe218}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#718197;margin:16px 0 22px}.form-options label{display:flex;gap:6px;align-items:center}.form-options a{color:var(--blue);text-decoration:none}.submit-btn{height:48px;width:100%;border:0;border-radius:6px;color:white;background:linear-gradient(100deg,#087fe2,#13b2d5);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.submit-btn:disabled{opacity:.6;cursor:wait}.message{display:none;margin-top:14px;padding:11px 12px;border-radius:6px;background:#fff4e7;color:#9b5a12;font-size:11px;line-height:1.6}.message.show{display:block}.form-foot{font-size:10px;color:#98a5b4;text-align:center;margin-top:23px;line-height:1.7}.form-foot a{color:var(--blue);text-decoration:none}.security-note{margin-top:20px;padding:12px;background:#f3f8fc;border-radius:6px;color:#6e8195;font-size:10px;line-height:1.7}.hidden{display:none!important}@media(max-width:760px){body{padding:14px;background:linear-gradient(160deg,#071c35 0%,#0d365c 30%,#f1f6fb 30%)}.portal-shell{grid-template-columns:1fr;max-width:460px}.portal-info{padding:25px 27px}.portal-info h1{font-size:24px;margin:28px 0 8px}.portal-info p,.portal-points{display:none}.portal-form-wrap{padding:32px 27px}.brand-mark{font-size:34px}}