:root{--navy:#092a49;--navy2:#0b1726;--teal:#2c7969;--mint:#d9eee7;--gold:#c6a563;--paper:#f4f6f7;--line:#dce3e7;--ink:#14202a;--muted:#687680;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR","Malgun Gothic",sans-serif}button,input{font:inherit}.hidden{display:none!important}.topbar{height:78px;padding:0 5vw;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:39px;height:39px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;font-weight:800}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font-size:15px}.brand small{font-size:9px;letter-spacing:.14em;opacity:.65;margin-top:4px}.outline-button{border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;border-radius:999px;padding:9px 15px}.center-card{min-height:calc(100vh - 78px);display:grid;place-content:center;text-align:center;color:var(--muted)}.spinner{width:36px;height:36px;border:3px solid #d5dde1;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.login-layout{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(120deg,var(--navy2) 0 52%,#eef2f3 52%)}.login-copy{color:#fff;padding:12vh 7vw}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:#a9d2c7}.eyebrow.dark{color:var(--teal)}.login-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.1;letter-spacing:-.055em;margin:22px 0}.login-copy>p{font-size:17px;line-height:1.8;color:#c4d0d5}.flow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:46px}.flow span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:9px 13px;font-size:12px}.flow i{font-style:normal;color:#6fa694}.login-card{width:min(430px,calc(100% - 40px));margin:auto;background:#fff;padding:38px;border-radius:18px;box-shadow:0 28px 65px rgba(7,30,47,.15)}.login-card h2{font-size:30px;margin:12px 0 28px}.login-card label{display:block;font-size:14px;font-weight:700;margin-top:15px}.login-card input{width:100%;margin-top:7px;padding:14px;border:1px solid #c8d3d9;border-radius:10px;font-size:16px}.login-card input:focus{outline:3px solid rgba(44,121,105,.15);border-color:var(--teal)}.primary-button,.card-button,.light-button{display:inline-flex;justify-content:center;align-items:center;border:0;text-decoration:none;font-weight:800;border-radius:10px}.primary-button{width:100%;margin-top:22px;padding:15px;background:var(--navy);color:#fff}.message{min-height:24px;color:#b33b3b;font-size:13px}.login-card>small{display:block;color:var(--muted);line-height:1.5}.dashboard{min-height:calc(100vh - 78px);display:grid;grid-template-columns:250px 1fr}.sidebar{background:#fff;border-right:1px solid var(--line);padding:30px 22px}.profile{display:flex;align-items:center;gap:12px;padding:10px 4px 28px;border-bottom:1px solid var(--line)}.profile>span{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}.profile div{display:flex;flex-direction:column;min-width:0}.profile small{color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{display:grid;gap:7px;margin-top:25px}.sidebar nav a{color:#596874;text-decoration:none;padding:12px;border-radius:9px;font-weight:700;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:#edf6f3;color:var(--teal)}.dashboard-main{padding:38px 4vw 70px;min-width:0}.welcome{background:var(--navy);color:#fff;border-radius:22px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:25px;overflow:hidden}.welcome h1{font-size:clamp(29px,3.3vw,48px);line-height:1.2;letter-spacing:-.04em;margin:13px 0}.welcome p{color:#bfd0d7}.progress-ring{width:150px;height:150px;flex:0 0 auto;border-radius:50%;border:10px solid rgba(255,255,255,.15);border-top-color:#8bc5b5;display:grid;place-content:center;text-align:center}.progress-ring strong{font-size:42px}.progress-ring span{font-size:12px;color:#bad0cb}.live-notice{margin-top:18px;padding:22px 25px;background:var(--teal);color:#fff;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.live-notice div{display:flex;flex-direction:column;gap:5px}.live-notice div>span{font-size:10px;letter-spacing:.18em;color:#c8eee4}.live-notice small{color:#d5ebe5}.light-button{background:#fff;color:var(--teal);padding:13px 18px;white-space:nowrap}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.step-grid article{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;min-height:280px;display:flex;flex-direction:column}.step-no{font-size:11px;color:#95a0a6}.step-icon{margin-top:25px;color:var(--teal);font-weight:900;font-size:23px}.step-grid h2{font-size:21px;margin:12px 0 8px}.step-grid p{color:var(--muted);font-size:14px;line-height:1.6}.card-button{margin-top:auto;padding:12px;background:#edf3f2;color:var(--navy)}.card-button:hover{background:var(--navy);color:#fff}.card-button:disabled{color:#9aa4aa;cursor:not-allowed}.summary-panel{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;justify-content:space-between;gap:30px}.summary-panel h2{margin:8px 0 0}.summary-panel p{max-width:650px;color:var(--muted);line-height:1.7;margin:0}@media(max-width:1000px){.step-grid{grid-template-columns:1fr 1fr}.login-layout{grid-template-columns:1fr;background:var(--navy2)}.login-card{margin-bottom:55px}.dashboard{grid-template-columns:1fr}.sidebar{display:none}}@media(max-width:600px){.topbar{height:68px;padding:0 18px}.dashboard-main{padding:18px 15px 90px}.welcome{padding:28px 23px}.progress-ring{display:none}.welcome h1{font-size:29px}.live-notice{align-items:stretch;flex-direction:column}.step-grid{grid-template-columns:1fr}.step-grid article{min-height:230px}.summary-panel{flex-direction:column}.login-copy{padding:55px 24px}.login-copy h1{font-size:42px}.flow{margin-top:30px}.login-card{padding:28px 22px}}