.campaign-quiz{box-sizing:border-box;width:100%;max-width:460px;min-width:0;border-radius:28px;border:1px solid #dce2ef;background:linear-gradient(135deg,#ffffffed,#f5f7fbdc);box-shadow:0 18px 50px #23395316;color:var(--color-text);overflow:hidden}
.cq-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 22px 16px;font-size:13px;font-weight:500}.cq-gift-badge{white-space:nowrap;border-radius:20px;background:#7562cd12;color:#6250ab;padding:7px 10px;font-size:11px}
.cq-progress{display:flex;gap:6px;padding:0 22px}.cq-progress i{height:4px;flex:1;background:#dce2ee;border-radius:8px}.cq-progress .done,.cq-progress .current{background:linear-gradient(100deg,#3d67d6,#8953bb)}.cq-progress .current{opacity:.6}
.cq-stage{padding:20px 22px 22px}.cq-step{font-size:12px;color:#69778e;margin:0 0 12px}.campaign-quiz .cq-stage h3{font-size:26px;line-height:1.16;letter-spacing:-.035em;margin:0 0 10px;font-weight:600}.cq-hint{font-size:14px;line-height:1.5;opacity:.75;margin:0 0 18px}.cq-stage fieldset{display:grid;gap:8px;margin:0 0 20px;border:0;padding:0}.cq-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;min-height:44px;box-sizing:border-box;border:1px solid #dce2ee;border-radius:14px;background:#ffffff65;cursor:pointer;font-size:15px;transition:background .2s,border-color .2s,transform .2s}.cq-option:hover{border-color:#8c91d2;transform:translateX(2px)}.cq-option:has(:checked){border-color:#747aca;background:#6d75cf13}.cq-option input{position:absolute;opacity:0;width:1px;height:1px}.cq-option b{opacity:0;color:#6864c8}.cq-option:has(:checked) b{opacity:1}.cq-option:has(:focus-visible){outline:2px solid #7d86d5;outline-offset:2px}.cq-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.cq-stage button{font:inherit;cursor:pointer}.cq-next{border:0;border-radius:24px;background:linear-gradient(110deg,#365fce,#7155bb);color:white;padding:13px 20px;font-size:15px!important;font-weight:500!important;transition:box-shadow .2s,transform .2s}.cq-next:hover{box-shadow:0 6px 18px #575bca30;transform:translateY(-1px)}.cq-next span{display:inline-block;margin-left:8px}.cq-back{border:0;background:none;color:inherit;padding:10px 0;font-size:13px!important}.cq-stage button:disabled{opacity:.4;cursor:default;transform:none}.cq-present{display:flex;gap:12px;background:linear-gradient(120deg,#5566d710,#a96bc415);border:1px solid #8d82ce33;border-radius:18px;padding:16px;margin-bottom:18px}.cq-present-icon{font-size:34px;color:#7460c8;line-height:1}.cq-present strong{font-size:16px;line-height:1.3;display:block}.cq-present p{font-size:13px;line-height:1.45;opacity:.75;margin:6px 0 10px}.cq-present a{font-size:14px;color:#565cba;text-decoration:none;font-weight:600}.cq-form-title{font-size:15px;font-weight:500;margin:0 0 12px}.cq-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cq-fields label{font-size:12px;display:grid;gap:6px}.cq-fields input{box-sizing:border-box;min-width:0;width:100%;border:1px solid #ccd5e7;border-radius:11px;padding:11px;background:#ffffff70;color:inherit;font:inherit;font-size:14px}.cq-consent{display:flex;gap:8px;font-size:12px;line-height:1.4;align-items:flex-start;margin:14px 0}.cq-consent input{accent-color:#6864c8}.cq-consent a{color:inherit}.cq-stage form>.cq-next{width:100%}.cq-status{font-size:12px;line-height:1.5}.cq-status:empty{display:none}.cq-restart{margin-top:8px}.cq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html[data-theme=dark] .campaign-quiz{background:linear-gradient(135deg,#222b3bee,#252338ee);border-color:#41475f}html[data-theme=dark] .cq-option,html[data-theme=dark] .cq-fields input{background:#ffffff05;border-color:#464d65}html[data-theme=dark] .cq-gift-badge,html[data-theme=dark] .cq-present a{color:#bab3ff}html[data-theme=dark] .cq-step{color:#a7b3c6}html[data-theme=dark] .cq-progress i:not(.current):not(.done){background:#41475f}
@media(max-width:999px){.campaign-quiz{justify-self:center}}@media(max-width:480px){.cq-top{padding:18px 16px 14px;font-size:12px}.cq-stage{padding:18px 16px}.cq-progress{padding:0 16px}.campaign-quiz .cq-stage h3{font-size:24px}.cq-option{font-size:14px}.cq-gift-badge{padding:6px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.cq-option,.cq-next{transition:none}}
.cq-stage fieldset.cq-contact-method{display:flex;gap:6px;margin:14px 0;border:0;padding:0}.cq-contact-method legend{font-size:12px;margin-bottom:8px}.cq-contact-method label{flex:1;position:relative;cursor:pointer}.cq-contact-method input{position:absolute;opacity:0;width:1px;height:1px}.cq-contact-method span{display:block;text-align:center;border:1px solid #8c91b945;border-radius:10px;padding:10px 4px;font-size:13px}.cq-contact-method input:checked+span{background:#7166c91a;border-color:#7a72c6}.cq-contact-method input:focus-visible+span{outline:2px solid #7a72c6;outline-offset:2px}.cq-telegram:not([hidden]){display:grid;gap:6px;font-size:12px}.cq-telegram input{box-sizing:border-box;width:100%;padding:11px;border:1px solid #ccd5e7;border-radius:11px;font:inherit;font-size:14px;color:inherit;background:#ffffff10}