.pg-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:rgba(8,9,30,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.pg-act{display:flex;align-items:center;gap:8px}
.pg-main{max-width:820px;margin:0 auto;padding:22px 16px 50px}
.glassy{background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.back{display:inline-flex;align-items:center;gap:6px;color:var(--mut);font-size:14px;font-weight:600;margin-bottom:16px}
.back:before{content:"←"}
.doc-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.doc-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:var(--goldsoft);border:1px solid rgba(255,200,61,.3);flex:none}
.doc h1{font-size:clamp(34px,8vw,52px)}
.doc-body{padding:22px 20px}
.doc-body h2{font-family:var(--sans);font-size:15px;font-weight:800;color:var(--gold);letter-spacing:.02em;margin:22px 0 6px;line-height:1.4}
.doc-body h2:first-child,.doc-body .upd+h2{margin-top:6px}
.doc-body p,.doc-body li{color:#d7d5f2;font-size:15px}
.doc-body ul{padding-left:20px;margin:4px 0}
.doc-body li{margin:3px 0}
.doc-body li::marker{color:var(--gold)}
.doc-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.upd{display:inline-block;font-size:12px!important;color:var(--dim)!important;padding:4px 10px;border:1px solid var(--line);border-radius:99px;margin-bottom:6px}
@media(min-width:760px){.doc-body{padding:34px 40px}}
/* affiliate */
.aff-hero{text-align:center;padding:26px 0 10px}
.aff-hero h1{font-size:clamp(38px,9vw,64px);margin:10px 0 14px}
.aff-hero .lead{color:var(--mut);max-width:560px;margin:0 auto}
.aff-cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:24px}
.ghost{color:var(--mut);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.aff-sec{margin-top:46px}
.aff-sec h2,.aff-final h2{font-size:clamp(30px,7vw,42px);text-align:center;margin-bottom:18px}
.aff-grid{display:grid;gap:12px}
.aff-card{padding:20px}
.aff-ic{font-size:26px}
.aff-card h3,.aff-steps h3{font-family:var(--sans);font-size:16px;font-weight:800;margin:8px 0 4px}
.aff-card p,.aff-steps p{color:var(--mut);font-size:14.5px}
.aff-steps{list-style:none;display:grid;gap:10px}
.aff-steps li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px}
.aff-steps b{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#ffd45e,#ffb300);color:#1a1200;font-weight:800}
.aff-steps h3{margin-top:4px}
.aff-hl{list-style:none;padding:8px 20px}
.aff-hl li{padding:12px 0 12px 30px;position:relative;border-bottom:1px solid var(--line);color:#dcdaf5}
.aff-hl li:last-child{border:0}
.aff-hl li:before{content:"✦";position:absolute;left:4px;color:var(--gold)}
.aff-final{margin-top:46px;text-align:center;padding:34px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;border-color:rgba(255,200,61,.4)}
.aff-final p{color:var(--mut)}
@media(min-width:760px){.aff-grid{grid-template-columns:1fr 1fr}.aff-steps{grid-template-columns:1fr 1fr}.aff-cta{flex-direction:row;justify-content:center}}
@media(max-width:380px){.pg-top .btn-sm{padding-left:12px;padding-right:12px;font-size:13px}}
.pg-top .brand span{white-space:nowrap}
html[data-lang=hi] .doc-body h2,html[data-lang=hi] .aff-card h3,html[data-lang=hi] .aff-steps h3{font-family:var(--sans);font-weight:800;line-height:1.4}
@media(max-width:420px){.pg-top{padding-left:12px;padding-right:12px}.pg-top .brand img{width:32px;height:32px}.pg-top .brand span{font-size:20px}.pg-act{gap:6px}.pg-top .lang{padding-left:10px;padding-right:10px}}

/* influencer portal (phase 2) */
.portal{margin:26px auto 0;max-width:460px;padding:18px;border-color:rgba(255,200,61,.35);scroll-margin-top:84px}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:999px;background:rgba(0,0,0,.25);border:1px solid var(--line);margin-bottom:16px}
.tab{height:40px;border-radius:999px;font-weight:700;font-size:14px;color:var(--mut)}
.tab.on{background:var(--goldsoft);color:var(--gold);box-shadow:0 0 0 1px rgba(255,200,61,.35) inset}
.pf{display:grid;gap:12px}
.pf label,.dpay label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--mut)}
.pf input,.dpay input{height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(4,5,22,.55);color:var(--ink);font:inherit;font-size:16px;font-weight:500;padding:0 14px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}
.pf input:focus,.dpay input:focus{border-color:rgba(255,200,61,.7);box-shadow:0 0 0 3px rgba(255,200,61,.15)}
.at{display:flex;align-items:center;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(4,5,22,.55)}
.at b{padding-left:14px;color:var(--dim)}.at input{border:0;background:none;padding-left:4px;box-shadow:none!important}
.at:focus-within{border-color:rgba(255,200,61,.7)}
.hint{font-size:12.5px;color:var(--dim);margin-top:-2px}
.perr{font-size:14px;color:#ff8a8a;background:rgba(255,80,80,.08);border:1px solid rgba(255,80,80,.25);border-radius:12px;padding:10px 12px}
.perr.ok{color:#9be7b0;background:rgba(80,220,130,.08);border-color:rgba(80,220,130,.3)}
.pf .btn{margin-top:4px}
.pdone{text-align:center;display:grid;gap:10px;justify-items:center;padding:10px 4px}
.pd-ic{font-size:40px}.pdone h3{font-size:28px}.pdone p{color:var(--mut);font-size:15px}
.pd-code b{color:var(--gold);letter-spacing:.06em}
.dash{padding-top:6px}
.dh{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:12px}
.dh h2{font-size:clamp(30px,8vw,42px)}
.dtest{font-size:12.5px;font-weight:800;letter-spacing:.04em;color:#1a0f00;background:linear-gradient(90deg,#ffb74d,#ff8a3d);border-radius:12px;padding:8px 12px;margin-bottom:12px;text-align:center}
.dlink{padding:16px;display:grid;gap:10px}
.dl-l,.ds span,.dbal span{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
html[data-lang=hi] .dl-l,html[data-lang=hi] .ds span,html[data-lang=hi] .dbal span{letter-spacing:0;font-size:13px}
.dl-row{display:flex;gap:8px;align-items:center}
.dl-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--gold);background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:12px;padding:12px}
.btn-sm2{--h:44px;padding:0 16px;font-size:14px}
.dl-wa{font-size:14px;font-weight:700;color:#7ee2a0;justify-self:start}
.dstats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.ds{padding:14px;display:grid;gap:4px}.ds b{font-size:26px;font-weight:800}
.dbal{padding:16px;display:grid;gap:14px;border-color:rgba(255,200,61,.35)}
.dbal b{display:block;font-size:34px;font-weight:800;color:var(--gold);line-height:1.2;margin-top:4px}
.dbal small{color:var(--dim);font-size:12.5px}
.dpay{display:grid;gap:10px}
.btn:disabled{opacity:.45;filter:grayscale(.4);cursor:not-allowed}
.dsub{font-family:var(--sans);font-size:15px;font-weight:800;margin:22px 0 8px}
.dlist{padding:4px 14px}
.li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.li:last-child{border:0}
.li b{text-transform:capitalize}.li small{display:block;color:var(--dim);font-size:12.5px}
.amt{color:#7ee2a0;font-weight:800}
.tb{font-style:normal;font-size:10.5px;font-weight:800;color:#1a0f00;background:#ffb74d;border-radius:6px;padding:1px 6px;vertical-align:2px}
.st{font-size:12px;font-weight:800;border-radius:99px;padding:4px 10px;border:1px solid var(--line)}
.st-paid{color:#7ee2a0;border-color:rgba(126,226,160,.4)}.st-requested{color:var(--gold);border-color:rgba(255,200,61,.4)}.st-rejected{color:#ff8a8a}
.empty{color:var(--dim);font-size:14px;padding:14px 0}
@media(min-width:760px){.dstats{grid-template-columns:repeat(4,1fr)}.dbal{grid-template-columns:1fr 1fr;align-items:center}}

[hidden]{display:none!important}
.dlink{grid-template-columns:minmax(0,1fr)}.dlink>*,.dl-row{min-width:0}.dash,.dbal,.dpay{min-width:0;max-width:100%}