
*{box-sizing:border-box}body{margin:0;background:#f4f4f2;color:#24282a;font:16px system-ui}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:10px 15px;background:#f5e7be;color:#24282a;font-weight:650}button:hover{filter:brightness(.93)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eb9c38;outline-offset:3px}header{background:#24282a;color:white;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}header strong{font-size:21px}header span{color:#e4ae30}nav{display:flex;flex-wrap:wrap;gap:6px}nav button{background:transparent;color:#f7f6f2}nav button[aria-current]{background:#43474a}main{max-width:1180px;margin:auto;padding:26px 24px 70px}.notice{font-size:13px;color:#606970;margin-bottom:16px}.hero{border-radius:23px;padding:clamp(28px,6vw,65px);color:white;background:linear-gradient(132deg,#24282a 55%,#3a3e42);position:relative;overflow:hidden}.hero h1{font-size:clamp(36px,6vw,68px);letter-spacing:-.055em;line-height:1.03;margin:12px 0}.hero p{max-width:540px;color:#e4e5e4}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#785504}.hero .eyebrow{color:#f0c352}.hero button,.primary{background:#e4ae30;color:#24282a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.card,form,.panel{border:1px solid #dedfdc;border-radius:16px;background:white;padding:22px}.card h3{margin:10px 0}.card p,.muted{color:#575f65}.stats{margin:20px 0}.stats strong{display:block;font-size:28px}.row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0}input:not([type=radio]),select{padding:9px 11px;border:1px solid #a5aaae;border-radius:8px;background:white;max-width:100%}label{display:block;margin:10px 0}label input:not([type=radio]){display:block;margin-top:5px}progress{width:100%;accent-color:#a97808}form{max-width:690px}fieldset{border:1px solid #dedfdc;margin:12px 0;border-radius:8px}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:10px;border-bottom:1px solid #dedfdc}.scroll{overflow:auto}.cert{text-align:center;border:5px double #ba8610;margin:16px 0;padding:36px}.error{color:#9f2424}@media print{header,.notice,main> :not(.cert){display:none!important}.cert{display:block}}

header{border-bottom:4px solid #e4ae30}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:155px;height:auto;display:block;background:#fff;padding:6px;border-radius:3px}
.brand span{font-size:13px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}
.hero{isolation:isolate;border-radius:12px;border-left:5px solid #e4ae30}
.hero::before{content:"";position:absolute;z-index:-1;right:-74px;top:-155px;width:370px;height:370px;transform:rotate(30deg);border:27px solid #e4ae30;opacity:.14}
.hero::after{content:"";position:absolute;z-index:-1;right:-97px;top:-89px;width:330px;height:330px;transform:rotate(30deg);border:20px solid #b0b4b7;opacity:.10}
.card,.panel,form{border-radius:10px}
.stats .card{border-top:3px solid #e4ae30}
.cert-logo{width:min(260px,100%);height:auto;margin-bottom:20px}
@media(max-width:560px){header{padding:13px 16px}nav{gap:3px}nav button{padding:8px;font-size:13px}.hero::before,.hero::after{right:-220px}}
a{color:#785504}nav a{color:white;padding:8px}textarea{display:block;width:100%;min-height:85px;font:inherit}details{margin:14px 0}main img{max-width:100%}.quiz label{padding:7px}.flash{border-left:4px solid #d9a520;padding:12px;background:#fff8e3}.inline{display:inline-block;border:0;padding:0;background:none}.course-text{white-space:pre-wrap}
