/* ============================================================
   SUFFAYA — Styles Marketing (Phase 11)
   ============================================================ */
/* Newsletter bandeau */
.promo-newsletter-band{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #4f46e5;border-radius:14px;padding:20px 24px;margin-bottom:28px;gap:16px;flex-wrap:wrap}
.pnb-text{display:flex;align-items:center;gap:14px}
.pnb-icon{font-size:1.5rem;flex-shrink:0}
.pnb-form{display:flex;gap:8px}
.pnb-input{background:#0f1623;border:1px solid #4f46e5;border-radius:9px;padding:10px 14px;font-size:.875rem;color:#e2e8f0;outline:none;min-width:220px;font-family:inherit}
.pnb-input:focus{border-color:#818cf8}
.pnb-btn{background:#6366f1;color:#fff;border:none;border-radius:9px;padding:10px 18px;font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit}
.pnb-btn:hover{background:#4f46e5}

/* Parrainage */
.referral-hero{background:linear-gradient(135deg,#1e1b4b,#0f1623);border:1px solid #312e81;border-radius:18px;padding:36px 24px;text-align:center;margin-bottom:24px}
.rh-icon{font-size:2.5rem;margin-bottom:12px}
.rh-title{font-size:1.1rem;font-weight:700;color:#e2e8f0;margin-bottom:16px}
.rh-code{font-size:2rem;font-weight:900;color:#818cf8;font-family:monospace;letter-spacing:4px;background:#0f1623;border:2px dashed #312e81;border-radius:10px;padding:12px 24px;display:inline-block;margin-bottom:10px}
.rh-link{font-size:.78rem;color:#64748b;word-break:break-all;margin-bottom:0}
.rh-copy-btn{background:#312e81;color:#818cf8;border:none;border-radius:9px;padding:10px 18px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}
.rh-copy-btn:hover{background:#6366f1;color:#fff}

@media(max-width:640px){
    .promo-newsletter-band{flex-direction:column;align-items:flex-start}
    .pnb-form{width:100%}
    .pnb-input{flex:1;min-width:0}
}