.bonus-card{margin:28px 0 36px;padding:28px 32px;border:1px solid #c8a96c66;border-radius:22px;background:linear-gradient(115deg,#192a37,#13212d);color:#f5ecdc}
.bonus-card h2{font-size:28px;margin:0 0 8px}.bonus-card p{line-height:1.55}.bonus-card .eyebrow{color:#d8b77e}.bonus-card details{margin-top:18px}.bonus-card summary{color:#ead2a9;cursor:pointer;font-weight:600;min-height:36px}.bonus-card form{margin:16px 0}.bonus-card label{display:block;font-size:14px;line-height:1.5}.bonus-input-row{display:flex;gap:12px;margin:8px 0}.bonus-input-row input{min-width:0;flex:1;border:1px solid #a89e885c;background:#ffffff0a;border-radius:12px;padding:14px 16px;color:#fff;font:inherit;letter-spacing:.05em}.bonus-input-row input:focus-visible{outline:2px solid #dbb778;outline-offset:2px}.bonus-card .secondary{background:#ffffff0a;color:#f5ecdc;border-color:#c8a96c66}.bonus-card .field-note{color:#c7c4be}.bonus-card a{color:#e3c492}.bonus-toggle{display:flex!important;gap:12px;margin:20px 0 10px;cursor:pointer}.bonus-toggle[hidden]{display:none!important}.bonus-toggle input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:#c8a96c}.bonus-toggle span span{display:block;color:#c7c4be;margin-top:4px}.bonus-card #bonus-feedback{color:#e3c492;margin:8px 0}.bonus-card #bonus-feedback:empty{display:none}.bonus-card button:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.bonus-card{padding:22px 18px;margin:24px 0;border-radius:18px}.bonus-card h2{font-size:24px}.bonus-input-row{flex-direction:column}.bonus-input-row input{width:100%;box-sizing:border-box;font-size:15px}.bonus-input-row button{width:100%}}