:root{--bg:#050b15;--panel:rgba(10,19,34,.86);--panel2:#0d192b;--line:rgba(148,180,224,.16);--text:#f6f9ff;--muted:#91a0b8;--blue:#2388ff;--cyan:#23d5e6;--green:#44d49c;--red:#ff7187;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#112343 0,#050b15 48%);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}button,input,select{font:inherit}.aurora{position:fixed;border-radius:50%;filter:blur(100px);opacity:.18;pointer-events:none}.aurora-one{width:540px;height:540px;background:#006aff;top:4%;left:-220px}.aurora-two{width:520px;height:520px;background:#9b30ff;right:-230px;top:35%}.topbar{height:78px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:34px;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;font-size:19px;margin-right:auto}.brand img{width:42px;height:42px;border-radius:13px}.topbar nav{display:flex;gap:28px}.topbar nav a{color:var(--muted);text-decoration:none}.topbar nav a:hover{color:#fff}main{position:relative;z-index:2}.landing,.dashboard{max-width:1240px;margin:auto;padding:70px 24px 90px}.hero{min-height:570px;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:70px}.badge,.eyebrow{display:inline-block;color:#65b8ff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.badge{border:1px solid rgba(69,155,255,.35);background:rgba(35,136,255,.08);padding:8px 13px;border-radius:999px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:22px 0}.hero-copy>p{max-width:720px;color:var(--muted);font-size:20px}.hero-copy strong{color:#fff}.hero-actions,.trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary,.ghost{border:0;border-radius:14px;padding:15px 22px;font-weight:800;color:#fff;cursor:pointer;transition:.2s}.primary{background:linear-gradient(135deg,#1474f5,#26a7ff);box-shadow:0 12px 32px rgba(24,128,255,.25)}.primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(24,128,255,.4)}.ghost{background:rgba(255,255,255,.05);border:1px solid var(--line)}.ghost:hover{background:rgba(255,255,255,.09)}.compact{padding:10px 16px;border-radius:11px}.trust{color:var(--muted);font-size:14px;gap:18px}.trust span:before{content:"✓";color:var(--green);margin-right:7px}.earning-card{padding:46px;border:1px solid rgba(70,148,255,.25);border-radius:32px;background:linear-gradient(145deg,rgba(16,29,51,.96),rgba(8,13,25,.86));box-shadow:0 40px 100px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06);text-align:center}.earning-card>span{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-size:12px}.earning-card>strong{display:block;font-size:78px;line-height:1.1;background:linear-gradient(100deg,#fff,#37dcf3);-webkit-background-clip:text;color:transparent;margin:14px 0}.earning-card p{color:var(--muted)}.mini-chart{height:90px;display:flex;align-items:flex-end;gap:12px;margin-top:35px}.mini-chart i{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(#25d8e6,#1a74fb);box-shadow:0 0 24px rgba(27,134,255,.3)}.mini-chart i:nth-child(1){height:25%}.mini-chart i:nth-child(2){height:42%}.mini-chart i:nth-child(3){height:36%}.mini-chart i:nth-child(4){height:62%}.mini-chart i:nth-child(5){height:78%}.mini-chart i:nth-child(6){height:100%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article,.panel,.metrics article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(20px)}.steps article{padding:30px}.steps b{color:#2b9dff;font-size:13px}.steps h3{font-size:20px;margin:18px 0 7px}.steps p,.panel p{color:var(--muted);margin:0}.auth-shell{max-width:650px;margin:20px auto 80px;padding:20px}.back-link{background:0;border:0;color:var(--muted);cursor:pointer;margin:0 0 18px}.auth-card{background:rgba(8,15,28,.94);border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 35px 100px rgba(0,0,0,.42)}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#07101d;padding:5px;border-radius:13px;margin-bottom:30px}.tabs button{border:0;background:transparent;color:var(--muted);padding:12px;border-radius:10px;cursor:pointer}.tabs button.active{background:#162844;color:#fff}.form-stack{display:grid;gap:18px}.form-stack h2,.panel h2{font-size:28px;margin:6px 0}.form-stack p{color:var(--muted);margin:0}.form-stack label,.inline-form label{display:grid;gap:8px;color:#c6d0df;font-size:14px;font-weight:650}.form-stack input,.form-stack select,.inline-form input{width:100%;background:#08111f;color:#fff;border:1px solid var(--line);padding:15px 16px;border-radius:12px;outline:0}.form-stack input:focus,.form-stack select:focus,.inline-form input:focus{border-color:#2589ff;box-shadow:0 0 0 3px rgba(37,137,255,.12)}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{grid-template-columns:auto 1fr!important;align-items:start;font-weight:400!important}.check input{width:18px;height:18px}.form-message{min-height:24px;margin-top:16px;color:var(--red)}.dashboard{padding-top:45px}.dashboard-head,.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dashboard-head h1{font-size:42px;margin:7px 0}.dashboard-head p{color:var(--muted);margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0 20px}.metrics article{padding:23px}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font-size:29px;margin:10px 0}.dashboard-grid{display:grid;grid-template-columns:1.65fr .75fr;gap:20px}.panel{padding:26px}.panel-wide{grid-column:auto}.dashboard-grid .panel:last-child{grid-column:1/-1}.inline-form{display:grid;grid-template-columns:1fr 1.5fr auto;gap:12px;align-items:end;margin:24px 0;padding:18px;background:#07101d;border-radius:15px}.promo-list,.payout-list{display:grid;gap:11px;margin-top:22px}.promo-row,.payout-row{padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.promo-top,.promo-stats,.payout-row{display:flex;align-items:center;gap:12px;justify-content:space-between}.promo-code{font-size:19px;font-weight:850;letter-spacing:.05em}.status{padding:5px 9px;border-radius:999px;font-size:12px;background:rgba(68,212,156,.1);color:var(--green)}.status.blocked,.status.rejected{color:var(--red);background:rgba(255,113,135,.1)}.status.pending{color:#ffc766;background:rgba(255,199,102,.1)}.promo-desc{color:var(--muted);font-size:14px;margin:5px 0 14px}.promo-stats{justify-content:flex-start;flex-wrap:wrap}.promo-stats span{color:var(--muted);font-size:13px}.promo-stats strong{color:#fff;margin-left:4px}.compact-form{margin-top:22px}.secure-note{margin-top:18px;padding:13px;border-radius:12px;background:#07101d;color:var(--muted);font-size:13px}.empty{padding:24px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;z-index:20;background:#17263c;border:1px solid var(--line);padding:14px 18px;border-radius:13px;box-shadow:0 15px 50px #0008;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{border-color:rgba(255,113,135,.45)}.hidden{display:none!important}@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-top:30px}.hero h1{font-size:48px}.earning-card{max-width:560px}.steps,.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .panel{grid-column:1}.inline-form{grid-template-columns:1fr}.landing{padding-top:25px}}@media(max-width:560px){.topbar{padding:0 16px}.landing,.dashboard{padding:28px 16px 70px}.hero{min-height:auto}.hero h1{font-size:39px}.hero-copy>p{font-size:17px}.earning-card{padding:32px 20px}.earning-card>strong{font-size:62px}.steps,.metrics{grid-template-columns:1fr}.auth-shell{padding:12px}.auth-card{padding:21px}.split{grid-template-columns:1fr}.dashboard-head h1{font-size:32px}.dashboard-head{align-items:center}.panel{padding:20px}.promo-top,.payout-row{align-items:flex-start;flex-direction:column}.topbar .compact{font-size:13px;padding:9px 12px}}
