.bonus-hero{margin-bottom:24px}.bonus-hero h1{margin:.15em 0}.bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.bonus-card{display:grid;gap:17px;align-content:start}.bonus-platform{display:flex;align-items:center;gap:13px}.bonus-platform>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#347bd8;color:#fff;font-size:20px;font-weight:900}.bonus-platform h2{margin:0}.bonus-platform small{color:var(--muted,#aab5ac)}.bonus-card button,.bonus-done,.bonus-question-card button{min-height:45px}.bonus-warning{padding:13px;border-left:3px solid #f1b84b;background:rgba(241,184,75,.08);color:#e5ddc9}.bonus-used{padding:13px;border-radius:10px;background:rgba(255,255,255,.07);color:#b9c7be;font-weight:800}.bonus-modal[hidden]{display:none}.bonus-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:18px}.bonus-backdrop{position:absolute;inset:0;background:rgba(0,8,5,.82)}.bonus-modal-card{position:relative;width:min(900px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:22px;border:1px solid #52705e;border-radius:18px;background:#0c1d15;color:#f3f7f4;box-shadow:0 30px 80px #000}.bonus-close{position:absolute;right:14px;top:12px;width:42px;height:42px;border:0;border-radius:50%;font-size:28px}.bonus-video-frame{margin:18px 0;aspect-ratio:16/9;background:#020604;border-radius:12px;overflow:hidden}.bonus-video-frame iframe{width:100%;height:100%;border:0}.bonus-question-card{width:min(650px,100%)}.bonus-timer{margin:14px 0;padding:12px;border-radius:10px;background:#20382c;font-size:18px}.bonus-timer.danger{background:#562b24;color:#ffd0c1}.bonus-question-card fieldset{padding:0;border:0}.bonus-question-card legend{margin-bottom:16px;font-size:20px;font-weight:800}.bonus-option{display:flex;gap:11px;align-items:flex-start;margin:10px 0;padding:13px;border:1px solid #395647;border-radius:11px;cursor:pointer}.bonus-option:focus-within{outline:2px solid #b9f46a}.bonus-option input{margin-top:4px;accent-color:#b9f46a}.bonus-result{margin-top:16px;font-weight:800}.bonus-empty{text-align:center}@media(max-width:600px){.bonus-modal{padding:8px}.bonus-modal-card{padding:18px 14px}.bonus-video-frame{margin-top:42px}.bonus-grid{grid-template-columns:1fr}}
.bonus-video-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:600px){.bonus-video-buttons{grid-template-columns:1fr}}

/* Варианты ответа не должны наследовать ширину и отступы обычных input. */
.bonus-question-card fieldset{min-width:0}
.bonus-question-card legend{width:100%;color:#fff;line-height:1.45}
.bonus-question-card #bonus-question-note{color:#c6d7cf}
.bonus-option{width:100%;gap:12px;padding:14px;border-color:#4c7460;background:#132d23;color:#f7fff9;font-size:16px;line-height:1.45}
.bonus-option:hover{border-color:#8fbd6a;background:#18392b}
.bonus-option:focus-within{outline:3px solid #b9f46a;outline-offset:2px}
.bonus-option:has(input:checked){border-color:#b9f46a;background:#29441f;box-shadow:inset 4px 0 #b9f46a}
.bonus-option input[type="radio"]{display:block;flex:0 0 22px;width:22px;height:22px;min-width:22px;margin:1px 0 0;padding:0;border:1px solid #8fb59f;background:transparent;box-shadow:none;accent-color:#b9f46a}
.bonus-option span{display:block;flex:1;min-width:0;color:#f7fff9;font-weight:700}
.bonus-result{color:#fff}
@media(max-width:600px){.bonus-option{font-size:15px}}