/* Styling refresh only: preserve the existing PHP and form markup. */
body{background:#080c18;color:#f7f9ff;font-family:Inter,Arial,sans-serif}
.hero-promoters{min-height:100vh;padding:clamp(28px,6vw,72px) 20px;background:radial-gradient(ellipse at 12% 8%,rgba(102,91,235,.2),transparent 38%),radial-gradient(ellipse at 88% 82%,rgba(55,193,163,.1),transparent 34%),#080c18}
.hero-promoters .hero-overlay{width:100%;max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.hero-promoters .pricing-card{width:100%;max-width:560px!important;padding:clamp(24px,4vw,40px)!important;border:1px solid rgba(153,145,255,.24)!important;border-radius:26px!important;background:radial-gradient(ellipse at 0 0,rgba(94,102,225,.16),transparent 48%),linear-gradient(145deg,#121a31 0%,#0c1223 75%)!important;box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035);color:#f7f9ff;position:relative;overflow:hidden}
.hero-promoters .pricing-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#667aff,#a16bff,#5cd7c0);opacity:.9}
.hero-promoters .pricing-card h1{font-size:clamp(32px,5vw,43px);font-weight:700;line-height:1.08;letter-spacing:-.05em;color:#f8f9ff;margin:0 0 12px}
.hero-promoters .pricing-card>p{font-size:14px;line-height:1.75;color:#aab6d0;margin:0 0 27px}
.hero-promoters .pricing-card form{display:block}
.hero-promoters .pricing-card form>div{margin:0 0 19px!important}
.hero-promoters .pricing-card label{display:block!important;text-align:left!important;margin:0 0 8px!important;color:#dce4f7!important;font-size:12px;font-weight:700!important;letter-spacing:.01em}
.hero-promoters .pricing-card input:not([type=hidden]){display:block;width:100%!important;box-sizing:border-box;padding:14px 15px!important;border:1px solid rgba(163,177,215,.19)!important;border-radius:12px!important;background:rgba(5,10,22,.55)!important;color:#f7f9ff!important;font:14px Inter,Arial,sans-serif!important;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.hero-promoters .pricing-card input:not([type=hidden]):focus{border-color:#9385ff!important;background:rgba(8,13,27,.88)!important;box-shadow:0 0 0 4px rgba(137,123,255,.12)}
.hero-promoters .pricing-card input::placeholder{color:#71809d}
.hero-promoters .pricing-card .signup-btn,.hero-promoters .pricing-card form button[type=submit]{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;border:0;border-radius:12px;padding:15px 18px!important;margin-top:7px;background:linear-gradient(105deg,#6378ff 0%,#896bff 55%,#9a64ed 100%)!important;color:#fff!important;font:700 14px Inter,Arial,sans-serif!important;cursor:pointer;box-shadow:0 10px 26px rgba(96,91,230,.24);transition:transform .18s,filter .18s,box-shadow .18s}
.hero-promoters .pricing-card .signup-btn:hover,.hero-promoters .pricing-card form button[type=submit]:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 13px 30px rgba(96,91,230,.3)}
.hero-promoters .pricing-card a[href*=google-login]{display:flex!important;align-items:center;justify-content:center;gap:11px;width:100%;box-sizing:border-box;padding:13px 16px!important;margin-top:16px!important;border:1px solid rgba(171,183,216,.2)!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;color:#e9edfa!important;text-decoration:none;font-size:13px;font-weight:700;transition:background .18s,border-color .18s,transform .18s}
.hero-promoters .pricing-card a[href*=google-login]:hover{background:rgba(255,255,255,.085)!important;border-color:rgba(171,183,216,.35)!important;transform:translateY(-1px)}
.hero-promoters .pricing-card a[href*=google-login] svg{width:19px;height:19px;flex-shrink:0}
.hero-promoters .pricing-card a[href*=register],.hero-promoters .pricing-card a[href*=login]{color:#a99cff!important;font-weight:700!important;text-decoration:none}
.hero-promoters .pricing-card a[href*=register]:hover,.hero-promoters .pricing-card a[href*=login]:hover{color:#c5bcff!important;text-decoration:underline}
.hero-promoters .pricing-card>div[style*=text-align:center]{margin-top:25px!important;color:#9ba8c2;font-size:12px;line-height:1.7}
.hero-promoters .pricing-card .auth-error{padding:12px 14px;border-radius:12px;margin:0 0 18px;font-size:12px;line-height:1.5;background:rgba(255,112,112,.09);border:1px solid rgba(255,112,112,.2);color:#ffb1b1}
.hero-promoters .pricing-card .auth-success{padding:12px 14px;border-radius:12px;margin:0 0 18px;font-size:12px;line-height:1.5;background:rgba(84,221,177,.08);border:1px solid rgba(84,221,177,.2);color:#a7f1d8}
.hero-promoters .pricing-card a[href*="method=email"]{display:block;width:100%;box-sizing:border-box;padding:15px 18px!important;border:1px solid rgba(142,134,255,.35)!important;border-radius:12px!important;background:linear-gradient(105deg,#6378ff,#896bff)!important;color:#fff!important;font-size:14px!important;box-shadow:0 10px 26px rgba(96,91,230,.2)}
.hero-promoters .pricing-card button#promoterBtn,.hero-promoters .pricing-card button#brandBtn{height:54px!important;border:1px solid rgba(163,177,215,.18)!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;color:#cbd5eb!important;font-size:13px!important;transition:background .18s,border-color .18s,transform .18s}
.hero-promoters .pricing-card button#promoterBtn{background:linear-gradient(105deg,#6378ff,#896bff)!important;border-color:rgba(142,134,255,.5)!important;color:white!important}
.hero-promoters .pricing-card button#promoterBtn:hover,.hero-promoters .pricing-card button#brandBtn:hover{transform:translateY(-1px);border-color:rgba(142,134,255,.55)!important}
@media(max-width:600px){.hero-promoters{padding:24px 12px 38px}.hero-promoters .pricing-card{padding:25px 18px!important;border-radius:20px!important}.hero-promoters .pricing-card h1{font-size:34px}.hero-promoters .pricing-card>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-promoters .pricing-card *{transition:none!important}}