:root{color-scheme:light only;--refer-paper:#f6f3ec;--refer-ink:#111820;--refer-muted:#5d6673;--refer-blue:#1d4ed8;--refer-orange:#f97316;--refer-line:rgba(17,24,32,.11)}
*{box-sizing:border-box}
html:has(body.refer-page){background:#f6f3ec!important;color-scheme:light only}
body.refer-page{margin:0;background:#f6f3ec!important;color:#111820!important;font-family:Inter,sans-serif;overflow-x:hidden}
.refer-page main{overflow:hidden}
.refer-page h1,.refer-page h2,.refer-page h3,.refer-page strong{color:#111820}
.refer-page p,.refer-page small{color:#5d6673}
.refer-page .shell{width:min(1240px,100%);margin:0 auto;padding-inline:24px}
.refer-topbar{position:fixed;inset:0 0 auto;z-index:100;background:rgba(246,243,236,.88);border-bottom:1px solid var(--refer-line);backdrop-filter:blur(18px)}
.refer-nav{height:74px;display:flex;align-items:center;gap:28px}
.refer-brand{display:flex;align-items:center;gap:10px;color:var(--refer-ink);text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:17px}
.refer-brand svg{width:34px;height:34px;color:var(--refer-orange)}
.refer-brand em{color:var(--refer-orange);font-style:normal}.refer-brand small{display:block;margin-top:2px;color:var(--refer-muted);font:700 8px/1 Inter,sans-serif;letter-spacing:.14em}
.refer-nav-links{display:flex;align-items:center;gap:24px;margin-left:auto}.refer-nav-links a{color:var(--refer-muted);font-size:12px;font-weight:700;text-decoration:none}.refer-nav-links a:hover{color:var(--refer-blue)}
.refer-page .header-account-controls{margin-left:10px}.refer-page .header-user-name{color:var(--refer-ink)}
.refer-page .header-account-btn{border-color:var(--refer-line);background:#fff;color:var(--refer-ink)}.refer-page .header-account-btn.login{background:var(--refer-orange);border-color:var(--refer-orange);color:#111}
.refer-hero{min-height:760px;padding-top:154px!important;padding-bottom:88px!important;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;position:relative}
.refer-hero::before{content:"";position:absolute;width:580px;height:580px;right:-220px;top:100px;border-radius:50%;background:radial-gradient(circle,rgba(29,78,216,.12),transparent 67%);pointer-events:none}
.refer-eyebrow{display:block;color:var(--refer-orange);font-size:11px;font-weight:800;letter-spacing:.15em;margin-bottom:14px}
.refer-hero h1{margin:0;font:800 clamp(54px,7vw,94px)/.95 Manrope,sans-serif;letter-spacing:-.06em}.refer-hero h1 span{background:linear-gradient(90deg,var(--refer-blue),#6049c4 50%,var(--refer-orange));background-clip:text;-webkit-background-clip:text;color:transparent}
.refer-hero-copy>p{max-width:620px;margin:28px 0 0;color:var(--refer-muted);font-size:18px;line-height:1.7}
.refer-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:32px}.refer-primary,.refer-secondary{min-height:52px;border-radius:12px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;text-decoration:none;cursor:pointer}.refer-primary{border:0;background:linear-gradient(135deg,var(--refer-blue),#12a8d4);color:#fff;box-shadow:0 15px 34px rgba(29,78,216,.23)}.refer-primary:hover{transform:translateY(-2px)}.refer-secondary{border:1px solid var(--refer-line);background:#fff;color:var(--refer-ink)}
.refer-trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:var(--refer-muted);font-size:11px;font-weight:700}.refer-trust-row span::first-letter{color:#159447}
.refer-hero-visual{position:relative;min-height:500px;display:grid;place-items:center;border-radius:50%;isolation:isolate}.refer-hero-visual::before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 44% 38%,#fff 0 8%,#ffeedb 32%,rgba(249,115,22,.08) 60%,transparent 70%);z-index:-2}.refer-orbit{position:absolute;border:1.5px dashed rgba(29,78,216,.25);border-radius:50%;animation:referSpin 18s linear infinite}.orbit-one{inset:11%}.orbit-two{inset:24%;animation-direction:reverse;animation-duration:12s;border-color:rgba(249,115,22,.32)}
.refer-rupee{width:172px;height:172px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff9e37,#f7660b);color:#fff;font:800 86px/1 Manrope,sans-serif;box-shadow:inset 0 3px 0 rgba(255,255,255,.45),0 28px 70px rgba(249,115,22,.3);animation:referCoin 3.2s ease-in-out infinite}.refer-rupee small{position:absolute;margin-top:122px;padding:6px 13px;border-radius:999px;background:#111820;color:#fff;font-size:19px;box-shadow:0 8px 20px rgba(17,24,32,.22)}
.refer-person{position:absolute;padding:9px 13px;border:1px solid var(--refer-line);border-radius:999px;background:#fff;color:var(--refer-muted);font-size:9px;font-weight:900;letter-spacing:.12em;box-shadow:0 12px 30px rgba(17,24,32,.09)}.refer-person-you{left:8%;top:28%}.refer-person-friend{right:3%;bottom:28%}.refer-hero-visual>p{position:absolute;bottom:5%;max-width:260px;margin:0;text-align:center;color:var(--refer-muted);font-size:11px;line-height:1.5}
@keyframes referSpin{to{transform:rotate(360deg)}}@keyframes referCoin{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
.refer-flow{padding-block:96px!important;border-top:1px solid var(--refer-line)}
.refer-section-heading{max-width:750px;margin:0 auto 48px;text-align:center}.refer-section-heading>span,.refer-final-cta>span{color:var(--refer-blue);font-size:10px;font-weight:900;letter-spacing:.16em}.refer-section-heading h2,.refer-link-panel h2,.refer-history-panel h2,.refer-rules h2,.refer-final-cta h2{margin:10px 0 12px;font:800 clamp(30px,4vw,48px)/1.08 Manrope,sans-serif;letter-spacing:-.035em}.refer-section-heading p{margin:0;color:var(--refer-muted);font-size:15px;line-height:1.65}
.refer-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.refer-step-grid article{position:relative;min-height:275px;padding:25px;border:1px solid var(--refer-line);border-radius:20px;background:#fff;overflow:hidden}.refer-step-grid article::after{content:"";position:absolute;right:-45px;bottom:-55px;width:135px;height:135px;border-radius:50%;background:rgba(29,78,216,.05)}.refer-step-grid b{color:#9ea4ad;font-size:10px;letter-spacing:.15em}.step-icon{width:52px;height:52px;margin:34px 0 28px;display:grid;place-items:center;border-radius:16px;background:rgba(29,78,216,.08);color:var(--refer-blue);font:800 24px/1 Manrope,sans-serif}.refer-step-grid article:nth-child(2) .step-icon,.refer-step-grid article:nth-child(4) .step-icon{background:rgba(249,115,22,.1);color:var(--refer-orange)}.refer-step-grid h3{margin:0 0 9px;font:800 18px/1.2 Manrope,sans-serif}.refer-step-grid p{margin:0;color:var(--refer-muted);font-size:12px;line-height:1.6}
.refer-workspace{padding-block:96px!important;display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;background:linear-gradient(135deg,rgba(29,78,216,.045),rgba(249,115,22,.045));border-radius:30px}.refer-link-panel,.refer-history-panel{padding:34px;border:1px solid var(--refer-line);border-radius:22px;background:#fff}.refer-link-panel{display:flex;flex-direction:column}.refer-link-panel>div:first-child p{margin:0 0 26px;color:var(--refer-muted);font-size:13px;line-height:1.65}.refer-link-panel>.refer-primary{align-self:flex-start}.refer-link-result{margin-top:22px}.refer-link-result label{display:block;margin-bottom:8px;color:var(--refer-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.refer-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.refer-link-row input{width:100%;min-width:0;padding:13px;border:1px solid var(--refer-line);border-radius:11px;background:#f8f8f6;color:var(--refer-ink);font-size:12px}.refer-link-row button{border:0;border-radius:11px;padding:0 15px;background:var(--refer-ink);color:#fff;font-weight:800;cursor:pointer}.refer-link-row button:last-child{background:var(--refer-orange);color:#111}.refer-inline-status{min-height:18px;margin:8px 0 0;color:#14804a;font-size:11px}
.refer-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.refer-history-head h2{font-size:28px}.refer-history-head>a{margin-top:22px;color:var(--refer-blue);font-size:11px;font-weight:800;text-decoration:none}.refer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.refer-stats article{padding:15px;border:1px solid var(--refer-line);border-radius:14px;background:#faf9f6}.refer-stats small{display:block;color:var(--refer-muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.refer-stats strong{display:block;margin-top:6px;font:800 23px/1 Manrope,sans-serif}.refer-history-list{display:grid;gap:8px;max-height:270px;overflow:auto}.refer-history-list>p{padding:26px;border:1px dashed var(--refer-line);border-radius:14px;color:var(--refer-muted);font-size:12px;text-align:center}.refer-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border-bottom:1px solid var(--refer-line)}.refer-history-row strong{font-size:12px}.refer-history-row small{display:block;margin-top:4px;color:var(--refer-muted);font-size:10px}.refer-history-row span{align-self:center;padding:5px 9px;border-radius:999px;background:#e8f7ee;color:#137745;font-size:9px;font-weight:900;text-transform:uppercase}
.refer-rules{padding-block:104px!important;display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.refer-rules-main ul{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:16px}.refer-rules-main li{display:flex;align-items:flex-start;gap:13px;padding-bottom:16px;border-bottom:1px solid var(--refer-line)}.refer-rules-main li>span{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#e5f7eb;color:#14804a;font-weight:900}.refer-rules-main strong{display:block;margin:2px 0 4px;font-size:14px}.refer-rules-main small{color:var(--refer-muted);font-size:11px;line-height:1.55}.refer-after-payment{padding:32px;border-radius:22px;background:#101820;color:#fff}.refer-after-payment h3{margin:6px 0 24px;font:800 27px/1.1 Manrope,sans-serif}.refer-after-payment>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}.refer-after-payment>div span{color:#ff9b48;font-size:10px;font-weight:900}.refer-after-payment>div p{margin:0;font-size:13px}.refer-fine-print{margin:24px 0 0;color:#aeb8c4;font-size:11px;line-height:1.65}.refer-fine-print strong{color:#fff}
.refer-final-cta{padding-block:92px!important;margin-bottom:90px!important;border-radius:30px;background:linear-gradient(120deg,#122350,#1d4ed8 60%,#0ea5c6);color:#fff;text-align:center}.refer-final-cta>span{color:#bcd2ff}.refer-final-cta h2{max-width:720px;margin:14px auto 26px}.refer-final-cta .refer-primary{background:#fff;color:#13225a;box-shadow:0 16px 34px rgba(0,0,0,.16)}
.refer-footer{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:30px;border-top:1px solid var(--refer-line);color:var(--refer-muted);font-size:11px}.refer-footer a{color:var(--refer-ink);font-weight:800;text-decoration:none}
.refer-after-payment h3,.refer-after-payment>div p,.refer-final-cta h2{color:#fff}.refer-fine-print{color:#aeb8c4!important}
.refer-page .hidden{display:none!important}
@media(max-width:900px){.refer-nav-links{display:none}.refer-nav{gap:12px}.refer-page .header-account-controls{margin-left:auto}.refer-hero{grid-template-columns:1fr;padding-top:130px!important;gap:20px}.refer-hero-copy{text-align:center}.refer-hero-copy>p{margin-inline:auto}.refer-hero-actions,.refer-trust-row{justify-content:center}.refer-hero-visual{min-height:400px}.refer-step-grid{grid-template-columns:repeat(2,1fr)}.refer-workspace,.refer-rules{grid-template-columns:1fr}}
@media(max-width:600px){.refer-page .shell{padding-inline:16px}.refer-brand span{font-size:14px}.refer-page .header-user-name{display:none!important}.refer-hero{min-height:auto;padding-top:122px!important}.refer-hero h1{font-size:49px}.refer-hero-copy>p{font-size:15px}.refer-hero-visual{min-height:350px}.refer-rupee{width:132px;height:132px;font-size:66px}.refer-rupee small{margin-top:100px;font-size:16px}.refer-step-grid{grid-template-columns:1fr}.refer-step-grid article{min-height:220px}.step-icon{margin:24px 0 20px}.refer-workspace{padding:16px!important;border-radius:20px}.refer-link-panel,.refer-history-panel{padding:22px}.refer-link-row{grid-template-columns:1fr 1fr}.refer-link-row input{grid-column:1/-1}.refer-stats{grid-template-columns:1fr}.refer-rules{gap:24px}.refer-final-cta{margin-inline:12px!important;padding-inline:20px!important}.refer-footer{gap:12px}}
@media(prefers-reduced-motion:reduce){.refer-orbit,.refer-rupee{animation:none}}