:root{
  --bg:#07111f;--bg2:#0b1728;--card:#0f1d30;--card2:#13243a;--text:#f5f7fb;
  --muted:#91a1b7;--line:rgba(255,255,255,.09);--green:#29d391;--green2:#58efb4;
  --blue:#6da8ff;--yellow:#ffcc66;--shadow:0 24px 70px rgba(0,0,0,.32)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#07111f 0%,#081321 46%,#07101c 100%);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.5}
a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(7,17,31,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.top-strip{border-bottom:1px solid var(--line);background:#091523}.strip-inner{min-height:38px;display:flex;align-items:center;gap:18px;font-size:12px}
.ticker-label{display:flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap}.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 0 5px rgba(41,211,145,.12)}
.activity-ticker{flex:1;color:#b7c4d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-link{color:var(--green2);font-weight:700;white-space:nowrap}
.navbar{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:800 22px "Manrope",sans-serif;letter-spacing:-.6px}.brand>span:last-child>span{color:var(--green)}
.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#29d391,#60a5fa);color:#07111f;font-weight:900}
.nav-actions{display:flex;align-items:center;gap:16px}.online-pill{display:flex;align-items:center;gap:8px;color:#b9c6d6;font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;font-weight:800;transition:.2s ease;border:1px solid transparent;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,#2ed895,#25b985);color:#03140d;box-shadow:0 12px 34px rgba(41,211,145,.2)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.04)}
.btn-small{padding:10px 16px;font-size:13px}.btn-large{padding:14px 20px}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.035);color:#dfe7f1}
.hero{position:relative;overflow:hidden;padding:92px 0 76px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}
.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none}.glow-one{width:430px;height:430px;background:#16c784;top:-120px;left:-150px}.glow-two{width:380px;height:380px;background:#3b82f6;right:-130px;bottom:-180px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);font-size:12px;color:#aebdd0}
.hero h1{font:800 clamp(48px,6vw,78px)/.98 "Manrope",sans-serif;letter-spacing:-3.8px;margin:20px 0 22px}.hero h1 span{background:linear-gradient(90deg,#55e6ae,#7db2ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-text{max-width:650px;color:#aebbd0;font-size:18px}.hero-actions{display:flex;gap:12px;margin:30px 0}
.trust-row{display:flex;gap:34px;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.trust-row div{display:flex;flex-direction:column}.trust-row b{font:800 20px "Manrope",sans-serif}.trust-row span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.disclosure{margin-top:20px;max-width:650px;font-size:11px;color:#72839a}
.earning-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(20,37,59,.95),rgba(11,25,42,.95));box-shadow:var(--shadow)}
.earning-head{display:flex;justify-content:space-between;align-items:flex-start}.mini-label{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.7px}.earning-head h2{margin:4px 0 0;font:700 16px "Manrope",sans-serif}
.pulse-badge{font-size:11px;color:var(--green2);border:1px solid rgba(41,211,145,.22);background:rgba(41,211,145,.08);padding:5px 9px;border-radius:999px}
.earning-value{font:800 44px "Manrope",sans-serif;letter-spacing:-2px;margin:30px 0 3px}.earning-sub{font-size:12px;color:var(--muted)}
.mini-chart{display:flex;align-items:flex-end;gap:7px;height:84px;margin:28px 0;border-bottom:1px solid var(--line);padding-bottom:2px}.mini-chart i{flex:1;background:linear-gradient(180deg,rgba(41,211,145,.9),rgba(41,211,145,.15));border-radius:4px 4px 1px 1px;min-height:8px}
.earning-breakdown{display:grid;gap:14px}.earning-breakdown div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;font-size:13px}.earning-breakdown span{color:var(--muted)}
.partners-section{padding:74px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.section-heading h2{font:800 32px "Manrope",sans-serif;letter-spacing:-1.2px;margin:6px 0}.section-heading p{margin:0;color:var(--muted)}
.section-kicker{text-transform:uppercase;color:var(--green);font-size:11px;letter-spacing:1.1px;font-weight:800}.refresh-note{font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:center}.sync-dot{width:8px;height:8px;border-radius:50%;border:2px solid var(--green);display:block}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.partner-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,30,49,.92),rgba(10,23,39,.92));border-radius:19px;padding:18px;transition:.23s ease}
.partner-card:hover{transform:translateY(-3px);border-color:rgba(88,239,180,.28);box-shadow:0 18px 44px rgba(0,0,0,.2)}
.partner-head{display:flex;gap:13px;align-items:center}.avatar-wrap{position:relative}.avatar{width:52px;height:52px;border-radius:16px;object-fit:cover;background:#162840}.avatar-status{position:absolute;width:11px;height:11px;background:var(--green);border:2px solid #102039;border-radius:50%;right:-2px;bottom:2px}
.partner-main{flex:1;min-width:0}.partner-name-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.partner-name{font:700 15px "Manrope",sans-serif}.country{font-size:11px;color:#90a2b9}.verified{font-size:10px;color:var(--green2)}
.partner-meta{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.meta-chip{font-size:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.045);color:#9fafc3;border:1px solid rgba(255,255,255,.05)}
.topic-box{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:12px;padding:11px 12px}.topic-label{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#70839b}.topic{font-size:13px;font-weight:700;margin-top:2px}
.reward-row{display:flex;align-items:end;justify-content:space-between;margin-top:16px}.reward-row small{display:block;color:var(--muted);font-size:10px}.reward-amount{color:var(--green2);font:800 17px "Manrope",sans-serif}.chat-now{padding:9px 12px;border:none;background:#eafbf4;color:#082016;border-radius:10px;font-weight:800;font-size:12px;cursor:pointer}
.how-section{padding:70px 0 88px;border-top:1px solid var(--line);background:rgba(255,255,255,.012)}.centered{text-align:center;display:block}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.steps article{padding:26px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.02)}
.steps article>span{color:var(--green);font-size:11px;font-weight:800}.steps h3{font:700 17px "Manrope",sans-serif}.steps p{color:var(--muted);font-size:13px;margin-bottom:0}
.footer{border-top:1px solid var(--line);padding:48px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand{margin-bottom:12px}.footer p{color:var(--muted);font-size:13px;max-width:450px}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#d4deea}
.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px;font-size:13px;color:#91a1b7}.footer-bottom{margin-top:38px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#667a92;font-size:11px}
.support-fab{position:fixed;right:22px;bottom:22px;z-index:35;display:flex;align-items:center;gap:10px;padding:10px 13px;background:#eefcf7;color:#082018;border-radius:15px;box-shadow:0 18px 45px rgba(0,0,0,.3)}
.support-icon{width:32px;height:32px;border-radius:10px;background:var(--green);display:grid;place-items:center;font-weight:900}.support-copy{display:flex;flex-direction:column;line-height:1.1}.support-copy b{font-size:12px}.support-copy small{font-size:9px;color:#52615b;margin-top:3px}
.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(2,7,14,.72);backdrop-filter:blur(7px)}
.chat-panel{position:absolute;right:20px;top:20px;bottom:20px;width:min(455px,calc(100% - 40px));background:#0b1828;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.chat-header{display:flex;align-items:center;gap:11px;padding:15px;border-bottom:1px solid var(--line)}.icon-btn{width:31px;height:31px;border:none;border-radius:9px;background:rgba(255,255,255,.04);color:white;font-size:20px;cursor:pointer}
.chat-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover}.chat-person{display:flex;flex:1;justify-content:space-between;align-items:center}.chat-person h3{font:700 14px "Manrope",sans-serif;margin:0}.chat-person span{font-size:10px;color:var(--muted)}.chat-person small{font-size:10px;color:var(--green2)}
.chat-timer{text-align:right}.chat-timer small{display:block;font-size:9px;color:var(--muted)}.chat-timer b{font:800 14px "Manrope",sans-serif}.chat-topic{padding:10px 15px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:10px}.chat-topic>span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.chat-topic b{font-size:11px;line-height:1.4}.chat-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.chat-meta span{display:inline-flex;align-items:center;gap:5px;color:#d9e6f1;font-size:11px}.chat-meta b{background:rgba(255,255,255,.05);padding:4px 8px;border-radius:999px;color:#f5f7fb;font-weight:700}.reward-tag{color:var(--green2);background:rgba(41,211,145,.08);padding:4px 7px;border-radius:999px}
.messages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:82%;padding:10px 12px;border-radius:14px;font-size:13px;white-space:pre-wrap}.bubble.partner{align-self:flex-start;background:#15273d;border-bottom-left-radius:4px;color:#e4ebf4}.bubble.user{align-self:flex-end;background:#2bd393;color:#082017;border-bottom-right-radius:4px;font-weight:500}.bubble-time{font-size:8px;opacity:.55;margin-top:4px;display:block}
.typing{padding:0 18px 10px;display:flex;gap:4px;align-items:center}.typing[hidden]{display:none}.typing>span{width:5px;height:5px;background:#7d8ca0;border-radius:50%;animation:blink 1s infinite}.typing>span:nth-child(2){animation-delay:.15s}.typing>span:nth-child(3){animation-delay:.3s}.typing small{font-size:9px;color:#798ba3;margin-left:4px}@keyframes blink{50%{opacity:.2;transform:translateY(-2px)}}
.chat-input{padding:12px;border-top:1px solid var(--line);display:flex;gap:8px}.chat-input input{flex:1;background:#101f32;border:1px solid var(--line);border-radius:12px;padding:12px;color:white;outline:none}.chat-input button{width:42px;border:none;border-radius:12px;background:var(--green);color:#082017;font-weight:900;cursor:pointer}
.join-gate{position:absolute;inset:0;background:rgba(8,19,33,.97);z-index:5;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.join-gate[hidden]{display:none}.lock-icon{width:54px;height:54px;display:grid;place-items:center;background:rgba(41,211,145,.1);color:var(--green2);border:1px solid rgba(41,211,145,.25);border-radius:17px;font-size:24px}.join-gate h3{font:800 25px "Manrope",sans-serif;margin:17px 0 8px}.join-gate p{color:#9fb0c4;font-size:13px}.join-gate .full{width:100%;margin:12px 0}.join-gate small{color:#6f839b;font-size:10px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:35px}.partner-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:65px}.hero h1{font-size:56px}.online-pill{display:none}}
@media(max-width:620px){.container{width:min(100% - 24px,1180px)}.strip-inner{gap:9px}.activity-ticker{display:none}.channel-link{margin-left:auto}.navbar{height:64px}.brand{font-size:19px}.brand-mark{width:32px;height:32px}.hero{padding:50px 0}.hero h1{font-size:45px;letter-spacing:-2.7px}.hero-text{font-size:15px}.hero-actions{flex-direction:column}.trust-row{gap:15px;justify-content:space-between}.trust-row b{font-size:17px}.earning-value{font-size:38px}.section-heading{align-items:start;gap:20px}.refresh-note{display:none}.partner-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}.support-copy{display:none}.support-fab{padding:9px}.chat-panel{inset:0;width:100%;height:100%;border-radius:0}.chat-header{padding-top:max(15px,env(safe-area-inset-top))}}