:root{--bg:#090b10;--panel:#11151c;--panel2:#161b23;--line:#2a3039;--text:#f5f7fa;--muted:#8f98a5;--gold:#e7b33d;--gold2:#ffd86a;--purple:#7c35dd;--purple2:#a76cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 8%,#7b35dd22,transparent 24%),radial-gradient(circle at 20% 70%,#e7b33d10,transparent 28%),var(--bg);color:var(--text);font:16px Inter,Segoe UI,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 0%,transparent 70%);z-index:-1}a{color:inherit;text-decoration:none}.aff-shell{max-width:1500px;margin:auto;padding:0 30px}.aff-top{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e232b}.aff-brand{display:flex;align-items:center;gap:12px}.aff-brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 18px #0009)}.aff-brand b{display:block;font-size:22px;color:#efc159}.aff-brand b span{color:#9b5cff}.aff-brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#717b88;margin-top:3px}.aff-top nav{display:flex;gap:8px}.aff-top nav a{font-size:12px;color:#98a2af;padding:9px 12px;border-radius:8px}.aff-top nav a:hover{background:#151a21;color:white}
.hero-aff{min-height:560px;margin-top:26px;border:1px solid #292f38;border-radius:24px;background:linear-gradient(135deg,#12161d,#0c0f14 45%,#160f20 73%,#181209);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:54px 58px;overflow:hidden;position:relative;box-shadow:0 30px 90px #0007}.hero-aff:after{content:"";position:absolute;right:-160px;top:-170px;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,#7d35df2f,transparent 64%)}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;border:1px solid #5c4526;background:#171108;color:#e0c168;border-radius:999px;padding:7px 11px;font-size:10px;letter-spacing:1.7px}.hero-copy h1{font-size:66px;line-height:.98;letter-spacing:-3px;margin:22px 0 18px}.hero-copy h1 span{background:linear-gradient(90deg,#f0bc4e,#f6dc80 55%,#a86aff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:700px;font-size:15px;line-height:1.8;color:#929ba8}.hero-cta{display:flex;gap:10px;margin-top:24px}.hero-cta a{padding:13px 18px;border-radius:10px;font-size:13px;font-weight:800}.btn-primary{background:linear-gradient(135deg,#f1c158,#d79c28 62%,#8f4de8 165%);color:#0b0c0e;box-shadow:0 10px 30px #d8a63825}.btn-secondary{border:1px solid #343b45;background:#12171d}.trust-row{display:flex;gap:22px;margin-top:28px;color:#777f8b;font-size:11px}
.profit-visual{min-height:430px;position:relative;display:grid;place-items:center;z-index:2}.money-orbit{position:absolute;width:410px;height:410px;border:1px dashed #9b5cff35;border-radius:50%;animation:spin 28s linear infinite}.profit-card{background:#11161de8;border:1px solid #343b45;border-radius:16px;box-shadow:0 20px 50px #0009;backdrop-filter:blur(10px)}.profit-card.main{width:300px;padding:24px;position:relative;z-index:2}.profit-card.main small,.profit-card.main strong,.profit-card.main span{display:block}.profit-card.main small{font-size:9px;letter-spacing:1.5px;color:#727b87}.profit-card.main strong{font-size:44px;color:#efc25b;margin:8px 0 4px}.profit-card.main span{font-size:11px;color:#a9b1bb}.mini-chart{display:flex;gap:8px;align-items:end;height:110px;margin-top:22px}.mini-chart i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(to top,#6d2dc8,#efc052);box-shadow:0 0 18px #7c35dd24}.profit-card.float{position:absolute;padding:13px 16px;min-width:128px}.profit-card.float b,.profit-card.float span{display:block}.profit-card.float b{font-size:18px;color:#a970f0}.profit-card.float span{font-size:9px;color:#747d89;margin-top:3px}.profit-card.one{left:2%;top:22%;transform:rotate(-5deg)}.profit-card.two{right:2%;bottom:18%;transform:rotate(4deg)}.coin{position:absolute;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:11px;color:#17110a;background:radial-gradient(circle at 35% 30%,#ffe892,#d99f2f 65%,#805d16);border:2px solid #f1ca67;box-shadow:0 10px 25px #0008}.c1{right:13%;top:6%}.c2{left:10%;bottom:7%}.c3{right:0;top:48%;background:radial-gradient(circle at 35% 30%,#be8cff,#7132ca 65%,#3c176d);color:white;border-color:#a469f1}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.benefits article{border:1px solid #252b33;background:linear-gradient(145deg,#11161c,#0e1217);border-radius:16px;padding:20px;min-height:190px}.benefit-icon{font-size:28px;margin-bottom:20px}.benefits h3{font-size:18px;margin:0 0 8px}.benefits p{font-size:12px;line-height:1.7;color:#838d99;margin:0}
.commission-showcase{margin-top:34px;border:1px solid #292f38;background:linear-gradient(145deg,#10151b,#12100b 52%,#130d1a);border-radius:22px;padding:34px}.section-title small{font-size:9px;letter-spacing:1.7px;color:#d0ad50}.section-title h2{font-size:34px;margin:6px 0 7px}.section-title p{margin:0;color:#7f8996;font-size:12px}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.plan{border:1px solid #30363e;background:#0e1319;border-radius:16px;padding:24px}.plan.featured{background:linear-gradient(145deg,#1a150b,#150f1e);border-color:#614a25}.plan-badge{font-size:9px;letter-spacing:1.5px;color:#8d97a3}.plan h3{font-size:42px;margin:10px 0 0;color:#f0c15a}.plan p{margin:0;color:#78818e}.earn{margin-top:22px;padding-top:16px;border-top:1px solid #2a3037;font-size:13px}.earn b{font-size:22px;color:#aa6df1;margin-left:5px}.plan>span{display:block;color:#6d7581;font-size:10px;margin-top:7px}.motivation{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.motivation div{border:1px solid #272d35;background:#0c1116;border-radius:12px;padding:16px}.motivation small,.motivation b,.motivation span{display:block}.motivation small{font-size:8px;color:#686f79;letter-spacing:1.5px}.motivation b{font-size:14px;margin:7px 0}.motivation span{font-size:11px;color:#ac75ee}
.auth-zone{margin-top:34px;display:grid;grid-template-columns:1fr .75fr;gap:22px;align-items:stretch}.auth-copy,.card{border:1px solid #282e36;background:#10151b;border-radius:18px;padding:28px}.auth-copy{background:linear-gradient(145deg,#12171d,#17110b 58%,#140e1c);position:relative;overflow:hidden}.auth-copy:after{content:"%";position:absolute;right:-20px;bottom:-70px;font-size:220px;font-weight:1000;color:#9b5cff0d}.auth-copy img{width:92px;height:92px;object-fit:contain}.auth-copy>small{display:block;font-size:9px;letter-spacing:1.7px;color:#d6b65d;margin-top:14px}.auth-copy h2{font-size:34px;margin:8px 0 12px}.auth-copy p{color:#87919e;font-size:13px;line-height:1.75;max-width:630px}.steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.steps span{background:#0d1116;border:1px solid #2a3037;border-radius:999px;padding:8px 11px;font-size:11px;color:#a3acb8}.steps b{color:#efc059;margin-right:4px}.auth-card{align-self:stretch}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button,.ghost{background:#20262e;color:#fff;border:0;padding:11px 16px;border-radius:10px;font-weight:700}.tabs .active{background:linear-gradient(135deg,#f0c15b,#a56cff);color:#111}.auth-card label,.admin-settings label{display:block;color:#b0b7c0;margin:14px 0;font-size:13px}input{width:100%;margin-top:7px;background:#0b0f14;border:1px solid #343b44;color:white;padding:14px;border-radius:10px;font-size:14px}form>button,#copy{width:100%;background:linear-gradient(135deg,#f0c15b,#d99f30 62%,#9b5cff 170%);color:#111;border:0;padding:14px;border-radius:10px;font-weight:800;margin-top:10px}#msg,#settingsMsg{min-height:20px;color:#d7b3ff}
.dashboard-wrap{margin-top:30px}.welcome{display:flex;justify-content:space-between;align-items:center}.welcome small,.muted{color:#8a94a1}.welcome h1{font-size:40px;margin:5px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stats div{background:linear-gradient(145deg,#11161d,#0e1217);border:1px solid #282e36;border-radius:16px;padding:20px}.stats strong{display:block;font-size:32px;margin-top:8px;color:#f0c25c}.promo>div{display:flex;gap:10px}.promo input{margin:8px 0}.promo #copy{width:auto;white-space:nowrap}.sales-list .row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #252b32}.commission-grid,.setting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.commission-grid>div{background:#0d1014;border:1px solid #303741;border-radius:12px;padding:16px}.commission-grid strong,.commission-grid span{display:block}.commission-grid strong{font-size:27px;margin:7px 0;color:#f1c25c}.commission-grid span{color:#a56cff;font-weight:700}.setting-grid{grid-template-columns:repeat(3,1fr)}.commission-preview{display:flex;gap:18px;margin:14px 0;color:#aeb4bc}.commission-preview b{color:#f1c25c}.admin-settings button{background:linear-gradient(135deg,#f1c25c,#a56cff);color:#111;border:0;padding:13px 18px;border-radius:10px;font-weight:800}
footer{margin:36px 0 20px;border-top:1px solid #1f242b;padding-top:22px;display:flex;justify-content:space-between;align-items:center;color:#7f8995}.foot-brand{display:flex;align-items:center;gap:10px}.foot-brand img{width:44px;height:44px;object-fit:contain}.foot-brand b,.foot-brand small{display:block}.foot-brand b{font-size:13px;color:#d6dae0}.foot-brand small{font-size:9px;margin-top:3px}.foot-brand+ a{font-size:11px}
@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.hero-aff{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(2,1fr)}.auth-zone{grid-template-columns:1fr}.profit-visual{min-height:390px}}@media(max-width:720px){.aff-shell{padding:0 16px}.aff-top{height:auto;padding:12px 0;align-items:flex-start}.aff-top nav{display:none}.hero-aff{padding:28px 20px;min-height:auto}.hero-copy h1{font-size:44px}.trust-row{flex-direction:column;gap:8px}.profit-visual{min-height:330px}.profit-card.main{width:250px}.money-orbit{width:310px;height:310px}.benefits,.plan-grid,.motivation,.stats,.commission-grid,.setting-grid{grid-template-columns:1fr}.commission-showcase{padding:22px}.auth-copy h2{font-size:27px}.welcome{align-items:flex-start;gap:12px}.welcome h1{font-size:30px}.promo>div{display:block}.promo #copy{width:100%}.sales-list .row{grid-template-columns:1fr}.commission-preview{display:grid;gap:8px}}

.stat-note{display:block;margin-top:5px;font-size:9px;letter-spacing:1.2px;color:#b875ff}.test-note{margin:8px 0 0;color:#b875ff;font-size:11px}.affiliate-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.affiliate-list-head h2{margin-bottom:5px}.danger-test{border:1px solid #6b2d36;background:#2a1116;color:#ff9aa5;border-radius:9px;padding:10px 13px;font-weight:800;font-size:11px}.affiliate-table-head,.affiliate-row{display:grid;grid-template-columns:1.5fr .5fr 1.2fr .8fr .8fr .55fr;gap:12px;align-items:center}.affiliate-table-head{padding:12px 10px;color:#737d8a;font-size:9px;letter-spacing:1.1px;border-bottom:1px solid #293039}.affiliate-row{padding:14px 10px;border-bottom:1px solid #232a32}.affiliate-row.is-test{background:linear-gradient(90deg,#24170a44,#1a0f2744);border-radius:10px}.aff-id b,.aff-id small,.row-test{display:block}.aff-id b{font-size:13px}.aff-id small{color:#7d8793;font-size:9px;margin-top:4px}.row-test{color:#9d6fd8;font-size:9px;margin-top:4px}.test-badge{display:inline-block;background:#3b1f58;color:#d3a6ff;border:1px solid #70439a;border-radius:999px;padding:2px 6px;font-size:7px;vertical-align:middle;margin-left:5px}.mini-sales{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mini-sales label{font-size:8px;color:#7d8793}.mini-sales input{padding:8px;margin-top:4px;font-size:11px}.money-cell span,.commission-cell span{display:block;color:#707986;font-size:8px}.money-cell b,.commission-cell b{display:block;margin-top:4px;font-size:12px}.commission-cell b{color:#b875ff}.save-test{border:0;border-radius:8px;padding:9px 10px;background:linear-gradient(135deg,#edbd54,#9d5be7);color:#111;font-weight:800;font-size:10px}.save-test:disabled{opacity:.6}
@media(max-width:900px){.affiliate-table-head{display:none}.affiliate-row{grid-template-columns:1fr 1fr}.affiliate-list-head{display:grid}.mini-sales{grid-column:1/-1}.save-test{grid-column:1/-1}.money-cell,.commission-cell{padding-top:6px}}
.auth-card select,.sort-affiliate select{width:100%;margin-top:7px;background:#0b0f14;border:1px solid #343b44;color:white;padding:14px;border-radius:10px;font-size:14px}.auth-card [hidden]{display:none!important}.sort-affiliate{display:block;margin:15px 0 5px;color:#b0b7c0;font-size:12px;max-width:250px}.contact-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.contact-links a{font-size:10px;color:#d6b7ff;text-decoration:underline;overflow-wrap:anywhere}.aff-id{min-width:0}.aff-id small{overflow-wrap:anywhere}

/* Admin affiliate readability boost */
.affiliate-list-head h2{font-size:40px;line-height:1.1}
.affiliate-list-head .muted{font-size:20px;line-height:1.5}
.affiliate-table-head{font-size:15px;letter-spacing:.6px}
.affiliate-row{min-height:110px;align-items:center}
.aff-id b{font-size:24px;line-height:1.2}
.aff-id small{font-size:15px;line-height:1.5}
.row-test{font-size:15px;margin-top:8px}
.mini-sales label{font-size:14px}
.mini-sales input{font-size:20px;height:44px;padding:8px 12px}
.money-cell span,.commission-cell span{font-size:14px}
.money-cell b,.commission-cell b{font-size:24px;line-height:1.2}
.save-test{font-size:16px;font-weight:700;height:46px;padding:10px 18px}
.danger-test{font-size:15px;padding:12px 18px}
.test-badge{font-size:12px;padding:4px 8px;border-radius:999px}
.stat-note,.test-note{font-size:14px}

/* Keep the whole admin affiliate panel easier to read */
#adminDash .welcome small{font-size:14px}
#adminDash .welcome h1{font-size:44px}
#adminDash .stats small{font-size:14px}
#adminDash .stats strong{font-size:38px}
#adminDash .card h2{font-size:28px}
#adminDash .admin-settings label{font-size:16px}
#adminDash .admin-settings input{font-size:18px;height:46px}
#adminDash .commission-preview{font-size:16px}
#adminDash .admin-settings button{font-size:16px;padding:14px 20px}
@media(max-width:900px){
  .affiliate-list-head h2{font-size:30px}
  .affiliate-list-head .muted{font-size:16px}
  .aff-id b{font-size:20px}
  .aff-id small,.row-test{font-size:14px}
  .money-cell b,.commission-cell b{font-size:21px}
  .mini-sales input{font-size:18px}
}
.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-card{margin:18px 0;border-color:#604b78;background:linear-gradient(145deg,#141821,#191322)}.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.profile-heading h2{margin:5px 0 16px}.profile-heading small{color:#d7b575}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.profile-grid label{display:block;color:#b0b7c0;margin:10px 0;font-size:14px}.profile-grid label small{color:#87919e}.profile-grid select{width:100%;margin-top:7px;background:#0b0f14;border:1px solid #343b44;color:white;padding:14px;border-radius:10px;font-size:14px}.profile-card [hidden]{display:none!important}.profile-card form>button{max-width:220px}.profile-card #myWhatsapp{display:inline-block;color:#d7b3ff;margin-top:8px}.profile-card #profileMsg{min-height:22px;color:#d7b3ff}.profile-card .muted{font-size:13px}.profile-grid input{font-size:15px}@media(max-width:720px){.dashboard-actions{justify-content:flex-end}.profile-grid{grid-template-columns:1fr}.profile-card form>button{max-width:none}}

.payout-card{margin:18px 0;border-color:#715a37}.payout-card button{border:0;border-radius:9px;padding:12px 15px;margin:8px 8px 8px 0;background:#e5b344;color:#14110a;font-weight:800}.payout-summary{font-weight:800;color:#f0c15b;margin:16px 0}.payout-row{padding:11px 0;border-bottom:1px solid #343b44;font-size:13px;overflow-wrap:anywhere}#payoutMsg{color:#d7b3ff;min-height:20px}.profile-card h3{margin:20px 0 0;color:#e7b33d}

.qr-upload{border-top:1px solid #3c4150;margin-top:18px;padding-top:15px}.qr-upload label,.pay-dialog label{display:block;margin:10px 0;color:#b0b7c0}.qr-upload form>button,.pay-dialog form button{background:#e5b344;color:#111;border:0;border-radius:9px;padding:12px 15px;font-weight:800}.qr-upload #qrOwnPreview{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}.qr-upload #qrOwnImage{width:140px;height:140px;object-fit:contain;background:white;padding:5px;border-radius:8px}.qr-upload a{color:#d7b3ff}.payout-row button{border:0;border-radius:8px;padding:9px 11px;background:#b76df1;color:#111;font-weight:800;margin-left:10px}.pay-dialog{background:#12171d;border:1px solid #755a39;border-radius:18px;color:white;max-width:min(95vw,480px);width:100%;padding:24px}.pay-dialog::backdrop{background:#000c}.pay-dialog #payQrImage{display:block;width:min(100%,320px);max-height:360px;object-fit:contain;background:white;padding:10px;margin:12px auto}.pay-dialog #payAmount{color:#f0c15b;font-size:22px;font-weight:800}.pay-dialog #copyPayLink{background:#272d36;color:white;border:1px solid #57606b;border-radius:8px;padding:10px}.pay-dialog #markPaidMsg{color:#d7b3ff;min-height:20px}.pay-dialog #closePayDialog{float:right}

/* Google-only affiliate access */
.google-affiliate-card{display:flex;flex-direction:column;justify-content:center;min-height:260px}
.google-affiliate-card>small{font-size:9px;letter-spacing:1.7px;color:#d6b65d}
.google-affiliate-card h2{font-size:28px;margin:8px 0 10px}
.google-affiliate-card p{color:#8f98a5;line-height:1.65;font-size:13px}
.google-account-link,.account-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:800}
.google-account-link{margin-top:14px;padding:13px 16px;background:linear-gradient(135deg,#f0c15b,#d99f30 62%,#9b5cff 170%);color:#111;align-self:flex-start}
.account-link{background:#20262e;color:#fff;padding:11px 16px}
.profile-grid input[readonly]{opacity:.72;cursor:not-allowed}