:root{color:#24342e;background:#f7f9f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}a{color:#356c5c}a:hover{text-decoration:none}:focus-visible{outline-offset:3px;outline:3px solid #c48e50}.site-header{background:#fff;border-bottom:1px solid #e1e8e2;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,5vw,3rem);display:flex}.brand{color:#264e40;letter-spacing:-.025em;font-weight:700;text-decoration:none}main{max-width:820px;margin:auto;padding:clamp(2rem,6vw,4rem) 1.25rem}h1,h2,h3{letter-spacing:-.025em;line-height:1.2}h1{font-size:clamp(1.8rem,4vw,2.6rem)}p{color:#506058}button,.button-link{cursor:pointer;color:#fff;background:#356c5c;border:1px solid #356c5c;border-radius:9px;padding:.7rem 1.15rem;font-weight:600;text-decoration:none;display:inline-block}button:hover:not(:disabled),.button-link:hover{color:#fff;background:#264e40}button:disabled{opacity:.55;cursor:not-allowed}.text-button{color:#356c5c;background:0 0;border:0;padding:.4rem .2rem}.text-button:hover:not(:disabled){color:#264e40;background:0 0;text-decoration:underline}label{margin:1rem 0 .4rem;font-weight:600;display:block}input:not([type=checkbox]),textarea{width:100%;max-width:600px;color:inherit;background:#fff;border:1px solid #b8c8bd;border-radius:8px;padding:.7rem .8rem;display:block}form>button{margin-top:1.2rem}li{margin:.5rem 0}li button{margin-left:1rem}.login-layout{place-items:center;min-height:calc(100vh - 2rem);padding:2rem 1rem;display:grid}.login-panel{background:#fff;border:1px solid #e1e8e2;border-radius:18px;width:min(100%,430px);padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 16px 45px #24342e0a}.login-panel h1{margin:.25rem 0 .6rem}.eyebrow{letter-spacing:.08em;color:#356c5c;font-size:.85rem;font-weight:700}.login-panel form{margin-top:1.8rem}.login-panel form button{width:100%}.welcome{text-align:center;padding-top:clamp(1rem,5vw,3rem)}.welcome-art{width:min(100%,360px);height:auto;margin:0 auto 1.5rem;display:block}.welcome h1{margin:0}.welcome>p{margin:1rem auto 2rem}.welcome-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;display:flex}.secondary-link{font-weight:600}.option{border:1px solid #ccd9ce;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.6rem;display:flex}.option input{margin-top:.4rem}.feedback{color:#506058;font-size:.9em;display:block}.question{border-top:2px solid #ccd9ce;margin-top:2rem}.actions{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}[role=alert]{color:#9a1d22}pre{background:#edf2ed;padding:1rem;overflow-x:auto}.diagram{overflow-x:auto}.diagram svg,img{max-width:100%}