#module-affiliates { padding: clamp(24px,3vw,48px); color:#edf3fc; }
#module-affiliates .vaf-shell { max-width:1500px; margin:0 auto; }
#module-affiliates h1 { font-size:clamp(28px,2.8vw,42px); line-height:1.18; margin:16px 0; }
#module-affiliates h2 { font-size:22px; margin:0 0 10px; }
#module-affiliates h3 { font-size:16px; margin:22px 0 12px; }
#module-affiliates p { color:#a9bdd5; line-height:1.6; margin:8px 0; }
#module-affiliates .vaf-eyebrow { color:#23d6e7; font-weight:800; font-size:13px; letter-spacing:.05em; }
#module-affiliates .vaf-top { display:grid; grid-template-columns:1.7fr 1fr; gap:24px; margin:28px 0 36px; }
#module-affiliates .vaf-recurring { display:flex; align-items:center; gap:30px; padding:22px 24px; border:1px solid #285777; border-radius:16px; background:#101c2f; }
#module-affiliates .vaf-recurring>strong { font-size:44px; white-space:nowrap; color:#30d2e1; }
#module-affiliates .vaf-recurring p { margin:0; }
#module-affiliates .vaf-link { background:#211938; border:1px solid #8661c4; border-radius:16px; padding:20px 24px; min-width:0; }
#module-affiliates .vaf-link label { color:#c4adf9; font-size:13px; font-weight:800; }
#module-affiliates .vaf-link>div { display:flex; align-items:center; gap:12px; margin-top:12px; }
#module-affiliates .vaf-link input { min-width:0; flex:1; border:0; background:transparent; padding:0; }
#module-affiliates .vaf-link button { background:#493761; color:#eadcff; }
#module-affiliates .vaf-section-label { font-size:15px; color:#adbed6; margin-bottom:20px; }
#module-affiliates .vaf-plans { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-bottom:32px; }
#module-affiliates .vaf-plans article { display:grid; grid-template-columns:1fr 1fr; gap:20px; background:#172236; padding:26px; border:1px solid #27d4e7; border-radius:20px; }
#module-affiliates .vaf-plans strong { color:#27d4e7; font-size:38px; }
#module-affiliates .vaf-plans small { grid-column:1/-1; color:#a8bdd6; }
#module-affiliates .vaf-plans .vaf-cine { border-color:#a271fa; }
#module-affiliates .vaf-cine strong { color:#b28cff; }
#module-affiliates .vaf-panel { background:#131e30; padding:30px; border:1px solid #364e71; border-radius:22px; margin-bottom:30px; }
#module-affiliates .vaf-simulator { display:grid; grid-template-columns:1.7fr 1fr; gap:28px; margin-top:26px; }
#module-affiliates .vaf-controls { background:#0c1828; padding:24px; border-radius:16px; border:1px solid #263c56; }
#module-affiliates .vaf-controls label { display:flex; justify-content:space-between; gap:14px; font-weight:700; margin:0 0 16px; }
#module-affiliates output { color:#35d5e6; }
#module-affiliates input[type=range] { width:100%; accent-color:#26cadb; padding:0; cursor:pointer; }
#module-affiliates .vaf-scale { display:flex; justify-content:space-between; color:#8fa8c5; font-size:12px; margin:10px 0 26px; }
#module-affiliates .vaf-scale:last-child { margin-bottom:0; }
#module-affiliates .vaf-result { background:#241d40; border:1px solid #8159b5; border-radius:16px; padding:26px; align-content:center; }
#module-affiliates .vaf-result h3 { margin:0 0 24px; color:#c6a7fa; font-size:14px; }
#module-affiliates .vaf-result strong { font-size:clamp(32px,3.2vw,48px); }
#module-affiliates .vaf-formula { color:#c0eaf0; font-weight:700; margin-top:22px; }
#module-affiliates .vaf-caption { font-size:13px; color:#91a9c4; }
#module-affiliates .vaf-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:34px 0 24px; }
#module-affiliates .vaf-steps>div { display:flex; gap:20px; border:1px solid #28405b; padding:22px; border-radius:16px; background:#101c2c; }
#module-affiliates .vaf-steps b { color:#24cddc; }
#module-affiliates .vaf-steps span { font-weight:700; }
#module-affiliates .vaf-steps small { display:block; font-weight:400; color:#a9bdd5; margin-top:12px; }
#module-affiliates footer { display:grid; grid-template-columns:1.7fr 1fr; gap:32px; align-items:center; }
#module-affiliates button { background:#099bcc; color:#f5faff; border:0; border-radius:9px; padding:13px 22px; font:inherit; font-weight:750; cursor:pointer; }
#module-affiliates button:disabled { opacity:.55; cursor:default; }
#module-affiliates :focus-visible { outline:3px solid #62e4ef; outline-offset:4px; }
#module-affiliates .vaf-accept { font-size:13px; display:flex; gap:10px; align-items:flex-start; margin-bottom:12px; line-height:1.5; }
#module-affiliates .vaf-accept input { margin-top:4px; }
#module-affiliates footer button { width:100%; }
#module-affiliates .vaf-notice { color:#f2cd90; }
#module-affiliates .vaf-balances { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:24px 0; }
#module-affiliates .vaf-balances strong { display:block; font-size:30px; margin-top:10px; color:#5de0ec; }
#module-affiliates .vaf-section-head { display:flex; justify-content:space-between; gap:24px; }
#module-affiliates .vaf-table-wrap { overflow-x:auto; }
#module-affiliates table { border-collapse:collapse; width:100%; text-align:left; }
#module-affiliates th, #module-affiliates td { padding:14px 12px; border-bottom:1px solid #30425b; font-size:14px; }
#module-affiliates th { color:#b1c6df; }
#module-affiliates .vaf-empty { padding:18px 0; }
#module-affiliates input:not([type=range]):not([type=checkbox]), #module-affiliates select { font:inherit; background:#0e1727; border:1px solid #405778; color:#edf3fc; border-radius:8px; padding:12px; }
#module-affiliates form label { display:grid; gap:10px; margin:18px 0; max-width:540px; }
#module-affiliates a { color:#62ddeb; }
@media (max-width:1100px) {
  #module-affiliates .vaf-top, #module-affiliates .vaf-simulator, #module-affiliates footer { grid-template-columns:1fr; }
  #module-affiliates .vaf-plans { gap:18px; }
  #module-affiliates .vaf-plans article { grid-template-columns:1fr; }
}
@media (max-width:650px) {
  #module-affiliates .vaf-plans, #module-affiliates .vaf-steps, #module-affiliates .vaf-balances { grid-template-columns:1fr; }
  #module-affiliates .vaf-panel { padding:20px; }
}
