/* Winziya Refer & Earn v2 — app-style */
.rx{--n:#0B1B3F;--n2:#123063;--g:#0A9D74;--g2:#12C08F;--gd:#077A5A;--a:#F4A11D;--a2:#FFD27A;--m:#6B7A93;--bd:rgba(11,27,63,.08);display:block;width:100%;max-width:100%;overflow-x:hidden;font-family:"Plus Jakarta Sans","Noto Sans Devanagari",sans-serif;color:var(--n);background:#F7F9FC}
.rx *{box-sizing:border-box}
.rx-wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.rx-narrow{max-width:760px}
.rx-pill{display:inline-flex;align-items:center;gap:6px;font:700 .72rem/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7BE3C3;background:rgba(123,227,195,.12);border:1px solid rgba(123,227,195,.3);padding:8px 12px;border-radius:999px}
.rx-pill-d{color:var(--gd);background:rgba(10,157,116,.08);border-color:rgba(10,157,116,.2)}
/* hero */
.rx-hero{position:relative;overflow:hidden;color:#fff;padding:40px 0 56px;background:radial-gradient(520px 300px at 0% 0%,rgba(18,192,143,.35),transparent 65%),radial-gradient(520px 320px at 100% 30%,rgba(244,161,29,.22),transparent 60%),linear-gradient(165deg,#07122B,#0B1B3F 50%,#123063);border-radius:0 0 32px 32px}
.rx-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center}
.rx .rx-hero h1{font:800 clamp(2rem,6.4vw,3.5rem)/1.08 "Plus Jakarta Sans",sans-serif;letter-spacing:-.035em;margin:16px 0 14px;color:#fff!important;-webkit-text-fill-color:#fff}
.rx .rx-grad{background:linear-gradient(90deg,#FFD27A,#F4A11D 45%,#7BE3C3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.rx-hero-txt>p{color:rgba(255,255,255,.78);font-size:1.04rem;line-height:1.65;margin:0 0 22px;max-width:520px}
.rx-cta-row{display:flex;flex-wrap:wrap;gap:10px}
.rx-center{justify-content:center}
.rx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:16px;font:700 1rem "Plus Jakarta Sans",sans-serif;text-decoration:none;border:0;cursor:pointer;transition:transform .15s,box-shadow .2s}
.rx-btn:active{transform:scale(.97)}
.rx-btn-p{color:#0B1B3F;background:linear-gradient(135deg,#FFD27A,#F4A11D);box-shadow:0 12px 28px -10px rgba(244,161,29,.7),inset 0 -3px 0 rgba(0,0,0,.12)}
.rx-btn-g{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22)}
.rx-full{width:100%;margin-top:18px}
.rx-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;padding:0;margin:18px 0 0;color:rgba(255,255,255,.7);font-size:.88rem;font-weight:600}
.rx-hero-art{display:flex;justify-content:center}
.rx-rcard{position:relative;width:100%;max-width:340px;aspect-ratio:1/1.05;border-radius:28px;overflow:hidden;padding:20px;text-align:center;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 60px -30px rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.rx-gift{position:absolute;top:6%;left:50%;width:62%;transform:translateX(-50%);animation:rxFloat 3.6s ease-in-out infinite}
.rx-coin{position:absolute;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:800 1.1rem/1 "Plus Jakarta Sans";color:#7A4A00;background:radial-gradient(circle at 35% 30%,#FFF0C2,#FFD27A 45%,#F4A11D);box-shadow:0 6px 14px -4px rgba(0,0,0,.45),inset 0 -3px 0 rgba(0,0,0,.12);animation:rxFloat 3s ease-in-out infinite}
.rx-coin.c1{top:12%;left:9%;animation-delay:-.6s}.rx-coin.c2{top:28%;right:8%;width:34px;height:34px;animation-delay:-1.4s}.rx-coin.c3{top:48%;left:14%;width:28px;height:28px;font-size:.8rem;animation-delay:-2.1s}
.rx-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-100%);animation:rxShine 4.5s ease-in-out infinite}
.rx-rcard-t{position:relative;font-size:.85rem;color:rgba(255,255,255,.7);font-weight:600}
.rx-rcard-a{position:relative;font:800 2rem/1.1 "Plus Jakarta Sans";color:#FFD27A;margin:4px 0}
.rx-rcard-s{position:relative;font-size:.88rem;color:#7BE3C3;font-weight:700}
@keyframes rxFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes rxShine{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
/* sections */
.rx-sec{padding:48px 0}
.rx-alt{background:#fff}
.rx-h{text-align:center;max-width:620px;margin:0 auto 26px}
.rx .rx-h h2{font:800 clamp(1.55rem,4.4vw,2.3rem)/1.15 "Plus Jakarta Sans",sans-serif;letter-spacing:-.03em;margin:12px 0 8px;color:var(--n)}
.rx-h p{color:var(--m);margin:0;line-height:1.6}
/* rewards */
.rx-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rx-rw{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--bd);border-radius:20px;padding:18px;box-shadow:0 14px 30px -24px rgba(11,27,63,.4)}
.rx-rw.hot{background:linear-gradient(135deg,#0B1B3F,#123063);color:#fff;border:0;position:relative}
.rx-rw.hot:after{content:"Sabse zyada";position:absolute;top:-10px;right:14px;font:800 .66rem/1 "Plus Jakarta Sans";letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#FFD27A,#F4A11D);color:#0B1B3F;padding:6px 9px;border-radius:999px}
.rx-rw-ic{flex:0 0 48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;background:rgba(10,157,116,.1)}
.rx-rw.hot .rx-rw-ic{background:rgba(255,255,255,.1)}
.rx-rw-t{flex:1;font-weight:700;line-height:1.3;min-width:0}
.rx-rw-t small{display:block;font-weight:500;color:var(--m);font-size:.8rem;margin-top:3px}
.rx-rw.hot .rx-rw-t small{color:rgba(255,255,255,.65)}
.rx-rw-a{font:800 1.45rem/1 "Plus Jakarta Sans";color:var(--gd);white-space:nowrap}
.rx-rw.hot .rx-rw-a{color:#FFD27A}
/* steps */
.rx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative}
.rx-steps:before{content:"";position:absolute;top:34px;left:16%;right:16%;border-top:2px dashed rgba(10,157,116,.4)}
.rx-steps li{position:relative;text-align:center;background:#F7F9FC;border:1px solid var(--bd);border-radius:22px;padding:22px 18px}
.rx-st-ic{width:56px;height:56px;margin:-50px auto 12px;border-radius:18px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg,#12C08F,#077A5A);box-shadow:0 10px 22px -10px rgba(10,157,116,.8);position:relative}
.rx-steps{margin-top:30px}
.rx .rx-steps h3{margin:0 0 6px;font-size:1.06rem;color:var(--n)}
.rx-steps p{margin:0;color:var(--m);font-size:.92rem;line-height:1.55}
/* milestones */
.rx-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative}
.rx-track:before{content:"";position:absolute;top:26px;left:12%;right:12%;height:6px;border-radius:6px;background:linear-gradient(90deg,#12C08F,#F4A11D)}
.rx-ms{position:relative;text-align:center}
.rx-dot{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font:800 1.3rem "Plus Jakarta Sans";color:#0B1B3F;background:radial-gradient(circle at 35% 30%,#FFF0C2,#FFD27A 45%,#F4A11D);border:4px solid #F7F9FC;box-shadow:0 8px 18px -8px rgba(0,0,0,.4)}
.rx-ms-c{background:#fff;border:1px solid var(--bd);border-radius:18px;padding:14px 10px}
.rx-ms-c b{display:block;font-size:.95rem}
.rx-ms-c span{display:block;font:800 1.15rem/1.3 "Plus Jakarta Sans";color:var(--gd);margin:4px 0}
.rx-ms-c small{color:var(--m);font-size:.78rem}
.rx-fine{text-align:center;color:var(--m);font-size:.82rem;margin:16px 0 0}
/* accordion */
.rx-acc{background:#F7F9FC;border:1px solid var(--bd);border-radius:18px;margin-bottom:10px;overflow:hidden}
.rx-acc summary{cursor:pointer;list-style:none;padding:17px 18px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--n)}
.rx-acc summary::-webkit-details-marker{display:none}
.rx-acc summary i{flex:0 0 26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--bd);position:relative;transition:transform .3s,background .3s}
.rx-acc summary i:before,.rx-acc summary i:after{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;background:var(--g);border-radius:2px}
.rx-acc summary i:after{transform:rotate(90deg);transition:transform .3s}
.rx-acc[open] summary i{background:var(--g);transform:rotate(180deg)}
.rx-acc[open] summary i:before{background:#fff}.rx-acc[open] summary i:after{transform:rotate(0);background:#fff}
.rx-acc-b{padding:0 18px 16px;color:#475569;line-height:1.7;animation:rxIn .3s ease}
.rx-acc-b p{margin:0}.rx-acc-b ol{margin:0;padding-left:20px}
.rx-terms{background:#fff;border-style:dashed}
@keyframes rxIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* final */
.rx-final{text-align:center;border-radius:28px;padding:34px 20px;color:#fff;background:radial-gradient(400px 200px at 0% 0%,rgba(18,192,143,.35),transparent 60%),linear-gradient(135deg,#0B1B3F,#123063)}
.rx .rx-final h2{color:#fff!important;-webkit-text-fill-color:#fff;margin:0 0 8px;font-size:clamp(1.35rem,4vw,2rem)}
.rx-final p{color:rgba(255,255,255,.72);margin:0 0 18px}
/* ticket */
.rx-mycode{padding-top:28px}
.rx-ticket{max-width:520px;margin:0 auto;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(11,27,63,.55);background:#fff;animation:rxPop .5s cubic-bezier(.2,1.4,.4,1)}
.rx-tk-top{text-align:center;padding:24px 20px 22px;color:#fff;background:radial-gradient(300px 160px at 100% 0%,rgba(244,161,29,.35),transparent 60%),linear-gradient(135deg,#0A9D74,#077A5A)}
.rx-tk-top .rx-pill-d{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.rx-code{font:800 clamp(1.7rem,8vw,2.4rem)/1 "Plus Jakarta Sans";letter-spacing:.1em;margin:16px auto;padding:16px 10px;border:2px dashed rgba(255,255,255,.7);border-radius:16px;background:rgba(0,0,0,.12);word-break:break-all}
.rx-tk-cut{height:22px;position:relative;background:radial-gradient(circle at 0 50%,#F7F9FC 11px,transparent 12px),radial-gradient(circle at 100% 50%,#F7F9FC 11px,transparent 12px);background-color:#fff}
.rx-tk-cut:after{content:"";position:absolute;left:22px;right:22px;top:50%;border-top:2px dashed rgba(11,27,63,.15)}
.rx-tk-bot{padding:4px 20px 22px}
.rx-tk-bot label{font-weight:700;font-size:.85rem}
.rx-linkrow{display:flex;gap:8px;margin:6px 0 16px}
.rx-linkrow input{flex:1;min-width:0;padding:12px;border-radius:12px;border:1px solid rgba(11,27,63,.15);background:#F7F9FC;font:inherit;font-size:.9rem}
.rx-mini{border:0;border-radius:12px;padding:0 16px;font-weight:700;background:var(--n);color:#fff;cursor:pointer}
.rx-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.rx-chip{display:flex;flex-direction:column;align-items:center;gap:6px;font:600 .72rem "Plus Jakarta Sans";color:var(--n);text-decoration:none;background:none;border:0;cursor:pointer;padding:0}
.rx-chip b{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:1.3rem;background:#F1F5F9;transition:transform .15s}
.rx-chip:active b{transform:scale(.9)}
.rx-chip.wa b{background:#DCFCE7}.rx-chip.tg b{background:#E0F2FE}.rx-chip.ig b{background:linear-gradient(135deg,#FDE68A,#FBCFE8,#DDD6FE)}.rx-chip.sms b{background:#FEF3C7}
.rx-note{font-size:.8rem;color:var(--m);text-align:center;margin:16px 0 0;line-height:1.5}
.rx-demo{color:#C2410C;font-weight:700}
@keyframes rxPop{from{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}
/* sticky */
.rx-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-top:1px solid var(--bd);display:none}
.rx-sticky .rx-btn{width:100%}
/* sheet */
.rx-sheet{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}
.rx-sheet[hidden]{display:none}
.rx-sheet-bg{position:absolute;inset:0;background:rgba(7,18,43,.6);backdrop-filter:blur(3px);animation:rxFade .25s}
.rx-sheet-p{position:relative;width:min(480px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;padding:22px 20px 24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);animation:rxPop .3s ease}
.rx-grab{display:none;width:44px;height:5px;border-radius:5px;background:#CBD5E1;margin:-8px auto 12px}
.rx-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:#F1F5F9;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--n)}
.rx .rx-sheet h3{margin:0 0 4px;font-size:1.3rem;color:var(--n)}
.rx-sub{margin:0 0 6px;color:var(--m);font-size:.92rem}
.rx-sheet label{display:block;font-weight:600;font-size:.86rem;margin:12px 0 6px}
.rx-sheet label span{color:var(--m);font-weight:500}
.rx-sheet input[type=text],.rx-sheet input[type=tel],.rx-sheet input[type=email]{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(11,27,63,.16);font:inherit;font-size:1rem;background:#FBFCFE}
.rx-sheet input:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 4px rgba(10,157,116,.14)}
.rx-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rx-agree{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;color:#334155}
.rx-agree input{margin-top:3px}
.re-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.re-msg{margin-top:10px;font-size:.9rem;min-height:1.2em}.re-msg.err{color:#C2410C}
@keyframes rxFade{from{opacity:0}}
/* toast + confetti */
.rx-toast{position:fixed;left:50%;bottom:90px;z-index:1100;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0B1B3F;color:#fff;font-weight:700;font-size:.9rem;padding:12px 18px;border-radius:999px;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);transition:all .25s}
.rx-toast.on{opacity:1;transform:translate(-50%,0)}
.rx-cf{position:fixed;top:-12px;width:9px;height:14px;z-index:1200;pointer-events:none;border-radius:2px;animation:rxFall linear forwards}
@keyframes rxFall{to{transform:translateY(105vh) rotate(720deg);opacity:.9}}
/* mobile */
@media (max-width:860px){
 .rx-hero{padding:26px 0 40px;border-radius:0 0 28px 28px}
 .rx-hero-in{grid-template-columns:minmax(0,1fr);gap:22px}
 .rx-hero-art{order:-1}
 .rx-rcard{max-width:260px;aspect-ratio:1/.95}
 .rx-hero-txt{text-align:center}.rx-hero-txt>p{margin-left:auto;margin-right:auto}
 .rx-cta-row,.rx-trust{justify-content:center}
 .rx-rewards{grid-template-columns:minmax(0,1fr)}
 .rx-steps{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:0}
 .rx-steps:before{top:20px;bottom:20px;left:46px;right:auto;border-top:0;border-left:2px dashed rgba(10,157,116,.4)}
 .rx-steps li{display:flex;gap:14px;align-items:center;text-align:left;padding:16px}
 .rx-st-ic{margin:0;flex:0 0 56px}
 .rx-track{grid-template-columns:minmax(0,1fr);gap:12px}
 .rx-track:before{top:20px;bottom:20px;left:28px;right:auto;width:6px;height:auto;background:linear-gradient(180deg,#12C08F,#F4A11D)}
 .rx-ms{display:flex;gap:14px;align-items:center;text-align:left}
 .rx-dot{margin:0;flex:0 0 58px}.rx-ms-c{flex:1}
 .rx-sec{padding:38px 0}
 .rx-sticky{display:block}
 .rx{padding-bottom:76px}
 .rx-sheet{align-items:flex-end}
 .rx-sheet-p{border-radius:26px 26px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom));animation:rxUp .32s cubic-bezier(.2,.9,.3,1)}
 .rx-grab{display:block}
}
@media (max-width:380px){.rx-2col{grid-template-columns:1fr}.rx-chip b{width:44px;height:44px}.rx-btn{padding:0 16px}}
@keyframes rxUp{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.rx *,.rx *:before,.rx *:after{animation:none!important;transition:none!important}}
.rx-mycode{scroll-margin-top:72px}
.rx-chip{font-size:.66rem;text-align:center;line-height:1.2}
@media (max-width:860px){.rx-gift{width:46%;top:3%}.rx-coin.c3{top:40%}.rx-rcard-a{font-size:1.7rem}}
/* refer-earn page only: keep floating widgets clear of the sticky CTA on mobile */
@media (max-width:860px){.wz-pwa{display:none!important}.wzch-b{bottom:calc(84px + env(safe-area-inset-bottom))!important}.wzch-p{bottom:calc(156px + env(safe-area-inset-bottom))!important}}