.oq-quiz{max-width:760px;margin:30px auto;font-family:inherit;color:#18202a}
.oq-card{background:#fff;border:1px solid #e3e6e8;border-radius:18px;padding:36px;box-shadow:0 10px 35px rgba(0,0,0,.08)}
.oq-kicker{font-size:12px;letter-spacing:.14em;font-weight:700;opacity:.65;margin-bottom:12px}
.oq-card h2{font-size:30px;line-height:1.2;margin:0 0 16px}.oq-card p{font-size:17px;line-height:1.6}
.oq-card label{display:block;font-weight:700;margin:25px 0 8px}
.oq-card input[type=text]{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #cfd5da;border-radius:8px;font-size:16px}
.oq-btn{display:inline-block;margin-top:22px;border:0;border-radius:999px;padding:12px 24px;background:#1d3557;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.oq-btn:disabled{opacity:.6;cursor:wait}
.oq-error{margin-top:14px;color:#a61b1b;font-weight:600}
.oq-progress-row{display:flex;justify-content:space-between;font-weight:700;margin-bottom:8px;opacity:.5;letter-spacing:.1em;font-size:13px}
.oq-progress-percent{display:none}
.oq-progress{height:8px;background:#e9ecef;border-radius:99px;overflow:hidden;margin-bottom:34px}
.oq-progress span{display:block;height:100%;width:0;background:#1d3557;transition:width .25s ease}
.oq-question-number{display:none}
.oq-question{font-size:28px!important;margin-top:10px!important}
.oq-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.oq-option{padding:13px;border:2px solid #d8dde2;border-radius:10px;background:#fff;font-size:16px;font-weight:700;cursor:pointer}
.oq-option:hover:not(:disabled){border-color:#1d3557}
.oq-option.is-selected{outline:3px solid rgba(29,53,87,.12)}
.oq-option.is-correct{background:#e9f7ed;border-color:#3c8c52;color:#216b35}
.oq-option.is-wrong{background:#fff0f0;border-color:#bd3c3c;color:#9d2222}
.oq-feedback{margin-top:26px;padding:22px;border-radius:12px;background:#f6f7f8}
.oq-feedback-title{font-size:20px;font-weight:800;margin-bottom:8px}
.oq-explanation{font-size:16px;line-height:1.65}

.oq-image{
  max-width: 300px;
  height: auto;
  display: block;
  margin: 25px auto 0 auto;
}

.oq-result-circle{
    position:relative;
    width:190px;
    height:190px;
    margin:30px auto;
    display:flex;
    align-items:center;
    justify-content:center;
}

.oq-result-ring{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:visible;
}

.oq-result-ring-bg{
    fill:none;
    stroke:#dfe5ea;
    stroke-width:4;
}

.oq-result-ring-progress{
    fill:none;
    stroke:#368ec5;
    stroke-width:10;
    stroke-linecap:round;
    transition:stroke-dasharray .6s ease;
}

.oq-result-circle-content{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

.oq-result-circle strong{
    font-size:40px;
    line-height:1;
}

.oq-result-circle span{
    font-size:20px;
    font-weight:800;
    margin-top:8px;
}

.oq-result-circle-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}
.oq-result-circle strong{font-size:40px;line-height:1}
.oq-result-circle span{font-size:20px;font-weight:800;margin-top:8px}
.oq-results{text-align:center}
.oq-result-message{max-width:560px;margin:0 auto}
.oq-share{margin-top:28px;padding:18px;background:#f6f7f8;border-radius:12px}
.oq-share strong{font-weight:800}@media(max-width:600px){
	.oq-card{padding:24px}.oq-card h2{font-size:25px}
	.oq-options{grid-template-columns:1fr 1fr;gap:10px}
	.oq-option{padding:14px 10px;font-size:16px}
	.oq-result-circle{width:165px;height:165px}
	}