:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#12313a;background:#f3f8f8;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:20px 16px 42px}header{padding:18px 4px 16px}h1{margin:0;color:#087d78;font-size:2rem}header p{margin:.15rem 0;color:#35626c}.card,.quiz{background:#fff;border:1px solid #d7e8e7;border-radius:18px;padding:20px;margin:14px 0;box-shadow:0 4px 18px #0b4b5210}button,select{font:inherit;border-radius:11px;border:1px solid #76a9ae;background:#fff;color:#12313a;padding:12px 14px;cursor:pointer;min-height:46px}button:hover{border-color:#087d78}button:focus-visible,select:focus-visible{outline:3px solid #51c2be;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button:not(.cats button){background:#087d78;color:#fff;border-color:#087d78;margin:8px 8px 0 0}.actions button:nth-child(2),.actions button:nth-child(3){background:#fff;color:#087d78}.cats{display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0}.cats button{text-align:left;padding:16px;background:#f8fbfb}.cats button.selected{background:#dff4ef;border:2px solid #087d78}.cats b,.cats small{display:block}.cats small{margin-top:4px;color:#48717b}label{display:flex;gap:10px;align-items:center;margin:18px 0;font-weight:700}.meta{font-size:.92rem;color:#35626c}.bar{height:8px;background:#dceceb;border-radius:999px;margin:10px 0 14px;overflow:hidden}.bar i{display:block;height:100%;background:#087d78}.flag{background:#fff!important;color:#087d78!important}.quiz h2{font-size:1.3rem;line-height:1.4}.answers{display:grid;gap:10px;margin:20px 0}.answers button{text-align:left;padding:16px;background:#fff}.answers .chosen{border:3px solid #087d78;background:#e5f7f3}.answers .correct{border:3px solid #21864a;background:#e9f8ed;color:#155b31}.answers .wrong{border:3px solid #be3541;background:#ffedf0;color:#831d29}.good{color:#18743d;font-weight:800}.bad{color:#a72834;font-weight:800}aside{background:#edf7f7;border-left:4px solid #21a39b;padding:12px;margin:12px 0;border-radius:5px}.notice{background:#fff3d8;padding:12px;border-radius:10px}.resume{border-color:#21a39b}.result strong{font-size:1.1rem}footer{font-size:.84rem;color:#45636b;padding:18px 4px}@media(min-width:600px){.cats{grid-template-columns:1fr 1fr}}