:root{--ink:#102652;--muted:#637596;--line:#e3eaf4;--blue:#2878ff;--green:#20c866;--bg:#f9fbfe;--shadow:0 20px 55px rgba(51,82,135,.10)}*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:linear-gradient(#fff 0 86px,#f9fbfe 86px 100%)}button{font:inherit}.container{width:min(1360px,calc(100% - 56px));margin:auto}.header{height:86px;background:rgba(255,255,255,.98);border-bottom:1px solid #edf1f6}.nav{height:86px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;min-width:255px}.brand img{height:46px;width:auto;object-fit:contain}.nav nav{display:flex;justify-content:center;gap:34px;flex:1}.nav nav a{font-size:14px;font-weight:700;color:#304367;padding:33px 0;position:relative}.nav nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:3px;border-radius:10px;background:var(--blue)}.nav-actions{display:flex;gap:12px}.login,.primary,.outline{border-radius:12px;font-weight:800;cursor:pointer}.login{padding:12px 18px;background:#fff;border:1px solid #dce4ef;color:#162b57}.primary{padding:13px 20px;color:#fff;border:0;background:linear-gradient(180deg,#2bd36f,#17bc58);box-shadow:0 10px 24px rgba(33,199,103,.22)}.outline{background:#fff;color:#152b58;border:1.5px solid #2d75ff}.hero{padding:32px 0 16px}.hero-grid{display:grid;grid-template-columns:38% 62%;gap:30px;align-items:start}.copy{padding-top:18px}.eyebrow{display:inline-flex;padding:8px 13px;border:1px solid #cfeeda;background:#ecfaf1;color:#15984c;font-size:13px;font-weight:800;border-radius:999px}.copy h1{font-size:64px;line-height:.98;letter-spacing:-2.7px;margin:24px 0 18px;font-weight:850}.copy h1 span{color:var(--green)}.copy>p{max-width:520px;font-size:18px;line-height:1.65;color:#5d6f91;margin:0 0 18px}.powered{display:inline-flex;gap:8px;align-items:center;border:1px solid #dbe4f1;background:#fff;border-radius:12px;padding:11px 14px;color:#516686;font-weight:650}.buttons{display:flex;gap:12px;margin:18px 0}.big{padding:15px 22px;font-size:16px}.bonus{display:flex;align-items:center;gap:14px;border:1.8px solid #bceac9;background:#fff;border-radius:16px;padding:15px 18px;max-width:500px;box-shadow:0 10px 30px rgba(40,85,130,.06)}.gift{font-size:30px}.bonus b{font-size:18px}.bonus em{color:#12a84e;font-style:normal}.bonus small{display:block;color:#7686a2;margin-top:5px}.bonus>strong{margin-left:auto;font-size:28px;color:#526589}.micro{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px;font-size:13px;color:#607393;font-weight:700}.micro span{color:#5f7292}.micro span::first-letter{color:#20c866}.dashboard{background:#fff;border:1px solid #e5ebf4;border-radius:24px;box-shadow:var(--shadow);padding:14px;display:grid;grid-template-columns:145px minmax(0,1fr) 165px;gap:12px;min-height:505px}.dash-left{display:grid;grid-template-rows:1fr auto;gap:10px}.dash-menu,.countries,.widget,.chartbox,.kpis article{background:#fff;border:1px solid #e6ecf5;border-radius:15px}.dash-menu{padding:14px}.dash-menu h3{margin:0 0 12px;font-size:18px}.dash-menu a{display:block;padding:9px 10px;border-radius:9px;color:#647593;font-weight:700;font-size:12px;margin:2px 0}.dash-menu a.selected{background:#eaf2ff;color:#2768ef}.countries{padding:11px}.countries h4{margin:0 0 8px;font-size:12px}.countries p{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#637593;margin:6px 0}.countries p b{color:#203863}.countries a{font-size:10px;color:#2671ff;font-weight:800}.dash-center{min-width:0}.date{display:inline-flex;padding:7px 11px;border:1px solid #e6ebf4;border-radius:9px;color:#7e8da7;font-size:11px;margin-bottom:9px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpis article{position:relative;padding:12px;min-height:90px}.kpis span,.widget>span{display:block;font-size:10px;color:#7d8ba5;font-weight:700}.kpis b{display:block;font-size:18px;margin:6px 0}.kpis small,.widget small{color:#1aba60;font-weight:800;font-size:9px}.tiny{position:absolute;right:8px;bottom:12px;width:42px;height:25px;border-bottom:3px solid #2c76ff;clip-path:polygon(0 90%,20% 55%,40% 70%,60% 25%,80% 50%,100% 0,100% 100%,0 100%)}.tiny.green{border-color:#22c55e}.tiny.two{transform:scaleX(.9)}.chartbox{margin-top:10px;padding:12px}.chart-head{display:flex;justify-content:space-between;align-items:center;font-size:11px}.chart-head span{font-size:9px;color:#687b9c}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}.dot.blue{background:#2b74ff}.dot.green{background:#22c55e}.chart-area{display:grid;grid-template-columns:36px 1fr;gap:6px;margin-top:6px}.yaxis{display:flex;flex-direction:column-reverse;justify-content:space-between;color:#8996ab;font-size:8px;padding-bottom:17px}.graph svg{width:100%;height:180px}.xaxis{display:flex;justify-content:space-between;color:#8996ab;font-size:8px}.dash-right{display:grid;gap:9px;align-content:start}.widget{position:relative;padding:12px;box-shadow:0 7px 16px rgba(41,70,120,.04)}.widget b{display:block;font-size:19px;margin:4px 0}.balance i{position:absolute;right:9px;top:10px;width:30px;height:30px;border-radius:9px;background:#22c767;color:#fff;display:grid;place-items:center}.epc .spark{height:25px;margin-top:6px;border-bottom:3px solid #41cf79;clip-path:polygon(0 95%,18% 70%,36% 82%,52% 35%,68% 60%,82% 20%,100% 0,100% 100%,0 100%)}.rate{text-align:center}.donut{width:92px;height:92px;margin:7px auto 0;border-radius:50%;background:conic-gradient(#21c768 0 27%,#2f73ff 27% 87%,#e8eef6 87%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.donut:before{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}.donut b,.donut small{position:relative;z-index:1}.donut b{font-size:17px}.payout div{display:grid;grid-template-columns:26px 1fr auto;gap:6px;align-items:center;margin-top:7px}.payout strong{font-size:18px;color:#1670df}.payout div b{font-size:12px;margin:0}.payout em{font-style:normal;font-weight:800;font-size:11px}.stats-section{padding:4px 0 24px}.stats{background:#fff;border:1px solid #e3e9f2;border-radius:18px;box-shadow:0 10px 28px rgba(35,64,113,.06);padding:16px 22px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:18px}.stats article{display:flex;align-items:center;gap:12px}.ico{width:48px;height:48px;border-radius:14px;color:#fff;display:grid;place-items:center;font-style:normal;font-size:18px}.ico.blue{background:linear-gradient(135deg,#2b80ff,#215cf3)}.ico.green{background:linear-gradient(135deg,#37d66c,#18ac4d)}.ico.purple{background:linear-gradient(135deg,#8a63ff,#6d41ed)}.ico.cyan{background:linear-gradient(135deg,#2aaeff,#1b6fe8)}.stats b{font-size:18px;display:block}.stats span{font-size:11px;font-weight:700;color:#506386}.stats small{display:block;color:#8190a8;font-weight:500;margin-top:2px}.sep{height:42px;width:1px;background:#e8edf5}@media(max-width:1100px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr}.dashboard{grid-template-columns:140px 1fr 160px}.stats{grid-template-columns:1fr 1fr}.sep{display:none}}@media(max-width:720px){.container{width:min(100% - 28px,1360px)}.login{display:none}.copy h1{font-size:44px}.copy>p{font-size:17px}.dashboard{display:block}.dash-left{display:none}.dash-right{grid-template-columns:1fr 1fr;margin-top:10px}.kpis{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.buttons{flex-direction:column}.buttons button{width:100%}}