:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#152842;background:#f4f6fa;font-synthesis:none;line-height:1.55}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:330px 1fr;min-height:100vh}aside{background:#091323;color:#dbe6f6;padding:44px 32px;display:flex;flex-direction:column}aside img{background:#11223d;border-radius:9px;padding:10px;margin-bottom:36px}h1{font-size:29px;line-height:1.25;letter-spacing:-.9px;color:#fff}aside>p:not(.eyebrow){font-size:14px;color:#aebece}ol{list-style:none;padding:0;counter-reset:step;margin:34px 0}li{counter-increment:step;padding:12px 0;font-size:13px;color:#b9c6d9;display:flex;align-items:center;gap:12px}li:before{content:counter(step,decimal-leading-zero);border:1px solid #45546a;border-radius:50%;width:29px;height:29px;text-align:center;line-height:27px;font-size:11px}li[aria-current]{color:white;font-weight:650}li[aria-current]:before{background:#04b6d9;border-color:#04b6d9;color:#061c2b}.aside-note{margin-top:auto;font-size:12px;color:#aebfd5;border-top:1px solid #334155;padding-top:24px}main{width:min(980px,100%);padding:32px 54px;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:45px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}.pill{font-size:11px;background:#e2edf7;color:#28516e;padding:6px 12px;border-radius:30px;white-space:nowrap}section{max-width:760px}h2{font-size:32px;line-height:1.2;letter-spacing:-.7px;margin:10px 0 16px}h3{font-size:17px;margin:27px 0 16px}.step{color:#365d9a;font-size:11px;font-weight:750;letter-spacing:1.7px}.lead{color:#4c617d;font-size:15px;margin-bottom:28px;max-width:650px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;font-weight:600;font-size:13px;gap:7px;margin-bottom:16px}input,select{width:100%;border:1px solid #b6c6db;border-radius:9px;background:white;padding:12px;color:#172b48;min-height:46px;font:inherit}input:focus,select:focus,button:focus-visible{outline:3px solid #64b7d7;outline-offset:2px}small{font-size:12px;color:#526681;font-weight:400}button{background:#194cb2;color:white;border:0;padding:13px 20px;border-radius:9px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;min-height:44px}button:disabled{opacity:.55;cursor:wait}.secondary{color:#213f69;background:white;border:1px solid #b6c6db}.note{padding:18px 20px;background:#eaf0f8;border:1px solid #d4e0ef;border-radius:12px;font-size:13px;color:#314d71;margin:24px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choices label{display:flex;flex-direction:row;align-items:flex-start;padding:20px;border:1px solid #c8d8eb;background:white;border-radius:12px;gap:12px}.choices input{width:18px;min-height:18px;margin-top:4px}.choices small{display:block;margin-top:6px}nav{display:flex;justify-content:space-between;margin:32px 0;gap:12px}footer{margin-top:auto;padding-top:32px;border-top:1px solid #dae3ef;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;gap:15px}#notice:not(:empty){padding:15px;border-radius:10px;background:#fff0ed;color:#8d2b1a;font-size:14px;margin-bottom:18px}#checks{margin-top:22px}.check{padding:14px 0;border-bottom:1px solid #d7e0ec;display:grid;grid-template-columns:80px 1fr;gap:14px;font-size:13px}.check strong{color:#06754e}.check.fail strong{color:#a12c21}#progress{margin-top:25px;font-size:14px}.progress-line{padding:8px 0;border-bottom:1px solid #dae3ef}dl{background:white;border:1px solid #d1ddec;padding:18px;border-radius:12px;display:grid;grid-template-columns:1fr 2fr;gap:8px;font-size:13px}dt{font-weight:650}dd{margin:0;overflow-wrap:anywhere}#result{padding:20px;background:white;border:1px solid #b6cfdc;border-radius:12px;overflow-wrap:anywhere;margin:25px 0}#result p{font-size:14px}code{font-size:12px}#unlock{max-width:500px}[hidden]{display:none!important}@media(max-width:1000px){body{grid-template-columns:260px 1fr}aside{padding:30px 23px}main{padding:30px}h1{font-size:25px}}@media(max-width:720px){body{display:block}aside{padding:18px 22px}aside img{width:155px;margin:0}aside h1,aside>p,aside ol,.aside-note{display:none}main{padding:25px 22px;min-height:80vh}header{margin-bottom:25px}.pill{display:none}h2{font-size:28px}.grid,.choices{grid-template-columns:1fr}footer span{display:none}.check{grid-template-columns:65px 1fr}}

.check p{margin:0 0 10px;overflow-wrap:anywhere}.check small{display:block;overflow-wrap:anywhere;margin:8px 0}.check button{margin-top:10px}input[aria-invalid=true],select[aria-invalid=true]{border:2px solid #a12c21}
