*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:#06100c;color:#fff;overflow-x:hidden}.container{width:min(1180px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:320px;height:320px;border-radius:50%;background:rgba(99,220,37,.08);filter:blur(70px);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}.loader{position:fixed;inset:0;z-index:9999;background:#030b07;display:grid;place-content:center;text-align:center;transition:.7s ease}.loader.hidden{opacity:0;visibility:hidden}.loader-orbit{width:130px;height:130px;margin:auto;position:relative;display:grid;place-items:center}.loader-orbit img{width:72px;height:72px;object-fit:contain;border-radius:50%;animation:pulse 1.5s infinite}.loader-orbit span{position:absolute;inset:0;border:1px solid transparent;border-top-color:#62d52f;border-radius:50%;animation:spin 1.5s linear infinite}.loader-orbit span:nth-child(2){inset:12px;animation-direction:reverse;animation-duration:1.1s}.loader-orbit span:nth-child(3){inset:-12px;opacity:.3;animation-duration:2s}.loader h2{font-size:30px;margin-top:20px}.loader p{color:#90a499;margin-top:8px}.loader-bar{width:220px;height:4px;background:#163021;border-radius:20px;margin:22px auto 0;overflow:hidden}.loader-bar i{display:block;height:100%;background:#6fe236;animation:load 2.2s ease forwards}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:rgba(3,12,8,.82);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)}.nav{height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px}.brand img{width:42px;height:42px;object-fit:contain}.nav-links{display:flex;gap:28px;margin-left:auto}.nav-links a{font-size:14px;color:#c6d1cb;transition:.25s}.nav-links a:hover{color:#77df3c}.nav-actions{display:flex;gap:10px}.btn{min-height:46px;padding:0 21px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;border:1px solid transparent;transition:.3s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,#83e744,#4faf1e);box-shadow:0 14px 35px rgba(91,210,38,.25);color:#071007}.btn-dark{background:#101b16;border-color:#223a2d}.btn-soft{background:#17391f;color:#9df86b}.btn-outline{border-color:#45604d;background:rgba(255,255,255,.02)}.btn-light{background:#fff;color:#09110d}.btn-outline-light{border-color:rgba(255,255,255,.35)}.menu-btn{display:none;background:none;border:0;width:42px}.menu-btn span{display:block;height:2px;background:#fff;margin:7px}.hero{min-height:100vh;padding:140px 0 60px;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 35%,rgba(57,173,20,.22),transparent 35%),linear-gradient(180deg,#06110c,#030a07)}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(94,255,41,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(94,255,41,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.orb{position:absolute;border-radius:50%;filter:blur(60px)}.orb-one{width:320px;height:320px;background:rgba(77,215,28,.16);right:8%;top:17%;animation:float 7s ease-in-out infinite}.orb-two{width:230px;height:230px;background:rgba(25,103,54,.24);left:-80px;bottom:15%;animation:float 9s ease-in-out infinite reverse}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;position:relative;z-index:2}.eyebrow,.tag{font-size:12px;letter-spacing:2px;color:#9eea73;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px}.eyebrow span{width:34px;height:2px;background:#75dd3a}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.98;letter-spacing:-4px}.hero h1 em,.section-head em,.benefits-copy em{font-style:normal;color:#72df38}.hero-text{max-width:620px;font-size:18px;line-height:1.75;color:#adbbb3;margin:28px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#b9c6bf;font-size:13px}.hero-points i{font-style:normal;color:#7ee742;margin-right:5px}.hero-visual{min-height:590px;position:relative;display:grid;place-items:center}.phone{width:300px;height:585px;border:7px solid #182019;border-radius:45px;background:#111;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 60px rgba(100,229,43,.13);padding:9px;animation:phoneFloat 5s ease-in-out infinite;z-index:3}.phone-top{height:25px;display:grid;place-items:center}.phone-top span{width:90px;height:17px;background:#060606;border-radius:20px}.phone-screen{height:calc(100% - 25px);border-radius:26px;overflow:hidden;background:#fff}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.visual-ring{position:absolute;border-radius:50%;border:1px solid rgba(121,234,63,.26);animation:spin 15s linear infinite}.ring-a{width:520px;height:520px}.ring-b{width:410px;height:410px;animation-direction:reverse}.coin{position:absolute;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#9df65d,#3e9614);color:#10200d;font-size:23px;font-weight:900;box-shadow:0 0 30px rgba(121,230,60,.35);animation:float 4s ease-in-out infinite}.coin-a{right:2%;top:13%}.coin-b{left:3%;top:48%;animation-delay:-1s}.coin-c{right:8%;bottom:9%;animation-delay:-2s}.float-card{position:absolute;background:rgba(16,29,22,.86);border:1px solid rgba(133,239,77,.24);backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 15px 45px rgba(0,0,0,.3);z-index:4}.earnings-card{left:0;bottom:45px;padding:16px 20px}.earnings-card small,.earnings-card span,.secure-card span{display:block;color:#91a298;font-size:12px}.earnings-card strong{font-size:22px;color:#80e846;display:block;margin:4px 0}.secure-card{right:-5px;top:120px;padding:14px 18px;display:flex;align-items:center;gap:12px}.secure-card strong{display:block}.shield{width:37px;height:37px;background:#6edb35;border-radius:50%;display:grid;place-items:center;color:#0a130b}.trust-strip{position:relative;z-index:2;margin-top:55px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(16,29,23,.7);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.trust-strip div{padding:24px;display:flex;align-items:center;gap:14px;border-right:1px solid rgba(255,255,255,.08)}.trust-strip div:last-child{border:0}.trust-strip b{color:#73df38;font-size:25px}.trust-strip span{font-size:13px;color:#b5c0ba}.section{padding:100px 0;background:#07110d}.section-dark{background:#030a07}.section-head{text-align:center;max-width:700px;margin:0 auto 50px}.section-head.left{text-align:left;margin:0}.section-head h2,.benefits-copy h2{font-size:clamp(34px,5vw,54px);letter-spacing:-2px;margin:14px 0}.section-head p,.benefits-copy>p{color:#93a29a;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{padding:30px;border-radius:20px;background:linear-gradient(145deg,rgba(18,34,25,.92),rgba(10,20,15,.75));border:1px solid rgba(122,224,65,.12);transition:.35s}.feature-card:hover{transform:translateY(-10px);border-color:rgba(121,232,61,.45);box-shadow:0 20px 50px rgba(0,0,0,.25)}.feature-icon,.step-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(111,218,53,.12);color:#75e23a;font-size:28px;margin-bottom:25px}.feature-card h3{font-size:19px;margin-bottom:12px}.feature-card p{color:#91a198;line-height:1.7;font-size:14px}.steps{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr;align-items:center}.step{text-align:center;padding:32px 20px;background:#0b1710;border:1px solid rgba(126,221,72,.14);border-radius:28px;position:relative}.step-no{position:absolute;top:-14px;left:18px;width:42px;height:42px;border-radius:50%;background:#70dc36;display:grid;place-items:center;color:#0b160c;font-weight:800}.step-icon{margin:0 auto 20px}.step p{color:#8fa097;line-height:1.6;font-size:14px;margin-top:9px}.step-line{height:1px;border-top:1px dashed #5ca82f;position:relative}.step-line:after{content:"›";position:absolute;right:-3px;top:-14px;color:#6ee13b;font-size:28px}.benefits-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.benefits-copy ul{list-style:none;margin-top:32px;display:grid;gap:20px}.benefits-copy li{display:flex;gap:15px}.benefits-copy li i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#19351f;color:#79e23e;font-style:normal}.benefits-copy li span{display:grid;gap:5px}.benefits-copy li small{color:#8fa097}.benefit-panel{position:relative;overflow:hidden;padding:45px;border-radius:30px;text-align:center;background:linear-gradient(160deg,#122b19,#08110c);border:1px solid rgba(123,231,65,.2)}.panel-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(103,222,45,.2);filter:blur(55px);top:-100px;right:-60px}.benefit-panel img{width:110px;position:relative}.benefit-panel h3{font-size:35px;margin-top:15px}.benefit-panel p{color:#91a198;margin:8px 0 30px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:25px}.mini-stats div{padding:20px}.mini-stats div+div{border-left:1px solid rgba(255,255,255,.08)}.mini-stats strong,.mini-stats span{display:block}.mini-stats strong{font-size:25px;color:#76e43c}.mini-stats span{font-size:11px;color:#8fa097;margin-top:5px}.cta-section{background:#030a07;padding:0 0 100px}.cta{min-height:245px;padding:45px;border-radius:28px;background:linear-gradient(120deg,#214f19,#173d12 65%,#102b0d);display:grid;grid-template-columns:180px 1fr auto;gap:35px;align-items:center;overflow:hidden;position:relative}.cta h2{font-size:38px;margin:10px 0}.cta p{color:#d0dfcf}.cta-art{height:160px;position:relative}.cta-art span{position:absolute;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d7ff75,#67cf2d);color:#17320e;font-weight:900;font-size:28px;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:float 4s ease-in-out infinite}.cta-art span:nth-child(1){left:10px;bottom:15px}.cta-art span:nth-child(2){right:15px;top:15px;animation-delay:-1s}.cta-art span:nth-child(3){right:30px;bottom:8px;transform:scale(.7);animation-delay:-2s}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.faq-section{background:#07110d}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.accordion{display:grid;gap:14px}.faq-item{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#0a1610;overflow:hidden}.faq-item button{width:100%;padding:20px 22px;background:none;border:0;color:#fff;text-align:left;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}.faq-item button span{color:#78e23c;font-size:22px;transition:.3s}.faq-item.active button span{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s}.faq-answer p{padding:0 22px 22px;color:#92a198;line-height:1.7}.faq-answer code{color:#85e94f}.footer{background:#020705;padding:70px 0 22px;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:60px}.footer h4{margin-bottom:18px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid a{color:#98a79f;font-size:14px}.footer-brand p{max-width:340px;color:#8f9f96;line-height:1.7;margin-top:18px}.legal-note{margin-top:45px;padding:20px;border:1px solid rgba(255,193,7,.17);background:rgba(255,193,7,.04);border-radius:12px}.legal-note p{font-size:12px;color:#aeb7b2;line-height:1.7}.footer-bottom{margin-top:25px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;color:#718078;font-size:13px}.reveal{opacity:0;transform:translateY(30px);transition:.8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 16px #78e340)}}@keyframes load{from{width:0}to{width:100%}}@keyframes float{50%{transform:translateY(-18px)}}@keyframes phoneFloat{50%{transform:translateY(-14px) rotate(1deg)}}@media(max-width:980px){.nav-links,.nav-actions{display:none}.menu-btn{display:block;margin-left:auto}.nav.open .nav-links{display:flex;position:absolute;top:78px;left:20px;right:20px;background:#08130d;border:1px solid #1c3123;border-radius:15px;padding:20px;flex-direction:column}.hero-grid,.benefits-grid,.faq-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-points{justify-content:center}.hero-text{margin-left:auto;margin-right:auto}.hero-visual{margin-top:30px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr;gap:20px}.step-line{display:none}.cta{grid-template-columns:1fr;text-align:center}.cta-art{display:none}.cta-actions{justify-content:center}.footer-grid{grid-template-columns:1fr 1fr}.section-head.left{text-align:center;margin:auto}.faq-grid{gap:40px}}@media(max-width:640px){.container{width:min(100% - 26px,1180px)}.hero{padding-top:115px}.hero h1{font-size:48px;letter-spacing:-2px}.hero-text{font-size:16px}.hero-visual{min-height:520px}.phone{width:250px;height:490px}.ring-a{width:400px;height:400px}.ring-b{width:320px;height:320px}.float-card{transform:scale(.85)}.earnings-card{left:-10px}.secure-card{right:-15px}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip div:nth-child(2){border-right:0}.trust-strip div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.feature-grid,.steps,.footer-grid{grid-template-columns:1fr}.section{padding:75px 0}.section-head h2,.benefits-copy h2{font-size:38px}.cta{padding:35px 22px}.cta h2{font-size:32px}.footer-bottom{flex-direction:column;gap:12px}.cursor-glow{display:none}}

/* ===== USDT RATE + TELEGRAM UPDATE ===== */
.hero-top-info{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.hero-app-chip,
.usdt-rate-chip{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(15,31,22,.82);
  border:1px solid rgba(124,231,65,.22);
  backdrop-filter:blur(14px);
  box-shadow:0 12px 35px rgba(0,0,0,.24);
}
.hero-app-chip img{
  width:30px;
  height:30px;
  object-fit:contain;
  border-radius:9px;
}
.hero-app-chip span{
  font-size:12px;
  font-weight:800;
  color:#d9e5dd;
}
.usdt-rate-chip i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#7ce443;
  box-shadow:0 0 0 6px rgba(124,228,67,.10),0 0 16px rgba(124,228,67,.55);
}
.usdt-rate-chip strong{
  color:#8cec54;
  font-size:15px;
}
.btn-telegram{
  background:linear-gradient(135deg,#229ED9,#147ead)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 12px 30px rgba(34,158,217,.22);
}
.btn-telegram:hover{
  box-shadow:0 18px 38px rgba(34,158,217,.34);
}
@media(max-width:980px){
  .hero-top-info{justify-content:center}
}
@media(max-width:640px){
  .hero-top-info{
    flex-direction:column;
    align-items:center;
  }
  .hero-app-chip,
  .usdt-rate-chip{
    min-height:40px;
    padding:7px 12px;
  }
}


/* ==================================================
   PREMIUM VISUAL & MOTION UPGRADE
   ================================================== */
:root{
  --premium-green:#7df04a;
  --premium-green-2:#b4ff83;
  --premium-blue:#27a8e5;
  --premium-bg:#040b08;
  --premium-panel:rgba(13,28,19,.82);
  --premium-border:rgba(142,244,88,.18);
}
body{
  background:
    radial-gradient(circle at 15% 10%,rgba(70,170,54,.08),transparent 30%),
    radial-gradient(circle at 85% 25%,rgba(38,168,229,.06),transparent 26%),
    var(--premium-bg);
}
.scroll-progress{
  position:fixed;left:0;top:0;height:3px;width:0;z-index:5000;
  background:linear-gradient(90deg,var(--premium-green),var(--premium-blue));
  box-shadow:0 0 15px rgba(125,240,74,.65);
}

/* Main logo: smaller, smoother, premium */
.brand img{
  width:36px!important;height:36px!important;
  border-radius:12px!important;
  padding:3px;
  background:linear-gradient(145deg,rgba(24,58,34,.96),rgba(6,18,11,.96));
  border:1px solid rgba(139,242,84,.26);
  box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 18px rgba(125,240,74,.14);
  animation:premiumLogoFloat 4s ease-in-out infinite;
}
.hero-app-chip img{
  width:27px!important;height:27px!important;
  border-radius:9px!important;
  padding:2px;
  background:rgba(126,232,70,.08);
  animation:premiumLogoFloat 3.8s ease-in-out infinite;
}
.brand:hover img,.hero-app-chip:hover img{
  transform:rotate(5deg) scale(1.06);
  filter:drop-shadow(0 0 12px rgba(125,240,74,.55));
}
@keyframes premiumLogoFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-4px) rotate(2deg)}
}

/* Richer surfaces */
.feature-card,.step,.benefit-panel,.exchange-card,.faq-item,.trust-strip,.cta,.float-card{
  background:
    linear-gradient(145deg,rgba(17,36,25,.92),rgba(7,17,11,.88));
  border-color:var(--premium-border)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.18);
}
.feature-card,.step,.benefit-panel,.exchange-card,.faq-item{
  position:relative;overflow:hidden;
}
.feature-card:before,.step:before,.benefit-panel:before,.exchange-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.045) 45%,transparent 70%);
  transform:translateX(-120%);animation:surfaceShine 8s ease-in-out infinite;
}
@keyframes surfaceShine{
  0%,72%,100%{transform:translateX(-120%)}
  84%{transform:translateX(120%)}
}
.section-head h2,.hero h1{
  text-shadow:0 8px 40px rgba(0,0,0,.28);
}
.section-head em,.hero h1 em{
  background:linear-gradient(135deg,var(--premium-green-2),var(--premium-green));
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  filter:drop-shadow(0 0 18px rgba(125,240,74,.14));
}

/* Telegram premium animation */
.btn-telegram{
  position:relative!important;overflow:hidden!important;
  background:linear-gradient(135deg,#2db3ee,#147eb5)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 12px 34px rgba(34,158,217,.28),inset 0 1px 0 rgba(255,255,255,.18)!important;
  animation:telegramBreath 2.8s ease-in-out infinite;
}
.btn-telegram:before{
  content:"";position:absolute;top:-80%;left:-45%;width:35%;height:260%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:rotate(22deg);animation:telegramShine 3.4s ease-in-out infinite;
}
.btn-telegram:hover{
  transform:translateY(-4px) scale(1.035)!important;
  box-shadow:0 18px 46px rgba(34,158,217,.42),0 0 24px rgba(34,158,217,.22)!important;
}
.telegram-mark{
  display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;
  background:rgba(255,255,255,.18);font-size:11px;transform:rotate(-18deg);
  animation:telegramIconFloat 2.2s ease-in-out infinite;
}
@keyframes telegramBreath{
  50%{box-shadow:0 16px 42px rgba(34,158,217,.39),0 0 0 5px rgba(34,158,217,.055)}
}
@keyframes telegramShine{
  0%,55%{left:-45%}
  78%,100%{left:125%}
}
@keyframes telegramIconFloat{50%{transform:translateY(-2px) rotate(-13deg)}}

/* Better button animation everywhere */
.btn{
  isolation:isolate;will-change:transform;
}
.btn:after{
  content:"";position:absolute;inset:auto;width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.32);opacity:0;transform:scale(0);
}
.btn.ripple:after{animation:buttonRipple .6s ease-out}
@keyframes buttonRipple{
  0%{opacity:.55;transform:scale(0)}
  100%{opacity:0;transform:scale(28)}
}

/* Enhanced loader */
.loader{
  background:
   radial-gradient(circle at 50% 45%,rgba(105,225,51,.18),transparent 25%),
   radial-gradient(circle at 20% 20%,rgba(39,168,229,.08),transparent 28%),
   #020805;
  overflow:hidden;
}
.loader-mesh{
  position:absolute;inset:-40px;
  background-image:
    linear-gradient(rgba(119,229,62,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(119,229,62,.035) 1px,transparent 1px);
  background-size:42px 42px;
  animation:loaderMesh 8s linear infinite;
  mask-image:radial-gradient(circle,#000 15%,transparent 72%);
}
.loader-logo-shell{
  width:78px;height:78px;border-radius:24px;display:grid;place-items:center;
  background:linear-gradient(145deg,#173b21,#06140c);
  border:1px solid rgba(141,243,85,.35);
  box-shadow:0 0 42px rgba(125,240,74,.24),inset 0 0 22px rgba(125,240,74,.06);
  animation:loaderLogo 2.6s ease-in-out infinite;
}
.loader-logo-shell img{
  width:62px!important;height:62px!important;border-radius:18px!important;object-fit:contain;
}
.loader h2 span{color:var(--premium-green)}
.loader-count{display:block;color:var(--premium-green);margin-top:10px;font-size:12px}
.loader-particles{position:absolute;width:250px;height:250px;left:50%;top:50%;transform:translate(-50%,-59%);animation:spin 10s linear infinite}
.loader-particles i{
  position:absolute;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;
  font-style:normal;font-weight:900;color:#0c180d;
  background:linear-gradient(145deg,#c9ff90,#62cc2e);
  box-shadow:0 0 20px rgba(125,240,74,.25);
}
.loader-particles i:nth-child(1){left:5px;top:108px}
.loader-particles i:nth-child(2){right:8px;top:55px}
.loader-particles i:nth-child(3){left:58px;top:6px}
.loader-particles i:nth-child(4){right:48px;bottom:10px}
@keyframes loaderMesh{to{background-position:42px 42px}}
@keyframes loaderLogo{50%{transform:translateY(-7px) rotate(2deg)}}

/* More natural section motion */
.reveal{filter:blur(3px);transform:translateY(34px) scale(.985)}
.reveal.visible{filter:blur(0);transform:none}
.orb{animation-duration:10s!important}
.phone{animation-duration:6s!important}
.hero-copy,.hero-visual{will-change:transform}
@media(max-width:640px){
  .brand img{width:34px!important;height:34px!important}
  .btn-telegram{animation-duration:3.3s}
}


/* =========================================================
   ULTRA PREMIUM HUMAN-DESIGNED THEME
   ========================================================= */
:root{
  --bg-0:#030806;
  --bg-1:#07110d;
  --bg-2:#0b1811;
  --panel-1:rgba(13,29,20,.88);
  --panel-2:rgba(8,19,13,.86);
  --text-1:#f3f7f4;
  --text-2:#9aaba1;
  --line:rgba(136,235,82,.16);
  --green:#7be244;
  --green-soft:#b7f58f;
  --cyan:#2ca8df;
  --cyan-dark:#157ead;
  --gold:#d6b76a;
}

html{background:var(--bg-0)}
body{
  color:var(--text-1);
  background:
    radial-gradient(circle at 12% 10%,rgba(86,177,68,.09),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(44,168,223,.07),transparent 25%),
    radial-gradient(circle at 50% 95%,rgba(214,183,106,.035),transparent 30%),
    linear-gradient(180deg,var(--bg-1),var(--bg-0));
}

.site-header.scrolled{
  background:linear-gradient(180deg,rgba(4,12,8,.92),rgba(4,12,8,.80))!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.20);
}

.nav-links a{
  position:relative;
  color:#becbc3!important;
}
.nav-links a:after{
  content:"";position:absolute;left:50%;right:50%;bottom:-8px;height:2px;border-radius:10px;
  background:linear-gradient(90deg,var(--green),var(--cyan));
  transition:.28s ease;
}
.nav-links a:hover:after{left:0;right:0}
.nav-links a:hover{color:#fff!important}

/* Premium logo shell */
.brand-logo-premium{
  width:42px;height:42px;border-radius:14px;position:relative;
  display:grid;place-items:center;isolation:isolate;
  background:linear-gradient(145deg,rgba(24,55,33,.98),rgba(6,17,11,.98));
  border:1px solid rgba(140,240,86,.26);
  box-shadow:
    0 10px 28px rgba(0,0,0,.28),
    0 0 22px rgba(123,226,68,.13),
    inset 0 1px 0 rgba(255,255,255,.08);
  animation:brandHover 4.6s ease-in-out infinite;
}
.brand-logo-premium:before,
.brand-logo-premium:after{
  content:"";position:absolute;border-radius:18px;pointer-events:none;z-index:-1;
}
.brand-logo-premium:before{
  inset:-5px;border:1px solid rgba(124,226,68,.18);
  animation:brandRing 5.5s linear infinite;
}
.brand-logo-premium:after{
  inset:-10px;background:radial-gradient(circle,rgba(124,226,68,.08),transparent 68%);
  filter:blur(2px);animation:brandBreathe 3.4s ease-in-out infinite;
}
.brand-logo-premium img{
  width:32px!important;height:32px!important;border-radius:10px!important;
  padding:2px;object-fit:contain;
  background:rgba(255,255,255,.02);
  box-shadow:none!important;
  animation:brandInner 5.2s ease-in-out infinite;
}
.brand:hover .brand-logo-premium{
  transform:translateY(-3px) rotate(2deg) scale(1.04);
  border-color:rgba(151,246,98,.48);
}
@keyframes brandHover{50%{transform:translateY(-4px)}}
@keyframes brandRing{to{transform:rotate(360deg)}}
@keyframes brandBreathe{50%{transform:scale(1.12);opacity:.45}}
@keyframes brandInner{50%{transform:rotate(-2deg) scale(1.035)}}

/* Refined hero */
.hero{
  background:
    radial-gradient(circle at 76% 30%,rgba(69,176,38,.18),transparent 34%),
    radial-gradient(circle at 18% 70%,rgba(31,116,77,.10),transparent 30%),
    linear-gradient(180deg,#07120d,#030806)!important;
}
.hero h1{
  font-weight:900;
  letter-spacing:-4.2px;
}
.hero h1 em{
  background:linear-gradient(120deg,#c2ff9e 0%,#79e144 48%,#9ce873 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  text-shadow:none!important;
}
.hero-text,.section-head p,.feature-card p,.benefits-copy>p,.faq-answer p{
  color:var(--text-2)!important;
}
.hero-top-info>div{
  background:linear-gradient(145deg,rgba(17,39,26,.92),rgba(8,20,13,.88))!important;
  border-color:rgba(133,234,78,.19)!important;
}
.usdt-rate-chip{
  box-shadow:0 12px 34px rgba(0,0,0,.24),0 0 25px rgba(123,226,68,.07)!important;
}
.usdt-rate-chip strong{color:#a5ef79!important}

/* Panels and sections */
.section{background:linear-gradient(180deg,#07110d,#050c09)!important}
.section-dark{background:linear-gradient(180deg,#030806,#06100c)!important}
.feature-card,.step,.benefit-panel,.faq-item,.exchange-card{
  background:
    linear-gradient(145deg,var(--panel-1),var(--panel-2))!important;
  border:1px solid var(--line)!important;
  box-shadow:
    0 22px 62px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.feature-card:hover,.step:hover,.benefit-panel:hover,.exchange-card:hover{
  border-color:rgba(143,240,87,.36)!important;
  box-shadow:
    0 28px 74px rgba(0,0,0,.28),
    0 0 32px rgba(123,226,68,.07)!important;
}
.feature-icon,.step-icon{
  background:linear-gradient(145deg,rgba(123,226,68,.16),rgba(44,168,223,.06))!important;
  border:1px solid rgba(134,236,79,.15);
  color:#92eb62!important;
}

/* Telegram button: premium color + continuous animation */
.btn-telegram{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  color:#fff!important;
  background:
    linear-gradient(135deg,#35b8f0 0%,#219ed7 42%,#126f9d 100%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:
    0 14px 34px rgba(34,158,217,.30),
    0 0 0 0 rgba(34,158,217,.16),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
  animation:telegramPremiumFloat 3.6s ease-in-out infinite,
            telegramPremiumPulse 2.8s ease-in-out infinite!important;
}
.btn-telegram:before{
  content:"";position:absolute;inset:-60% auto -60% -45%;width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);
  transform:rotate(22deg);z-index:-1;
  animation:telegramSweep 3.2s ease-in-out infinite;
}
.btn-telegram:after{
  content:"";position:absolute;inset:1px;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 48%);
  pointer-events:none;z-index:-1;
}
.btn-telegram:hover{
  transform:translateY(-5px) scale(1.045)!important;
  background:linear-gradient(135deg,#47c4f7,#229ed9,#126c98)!important;
  box-shadow:
    0 20px 48px rgba(34,158,217,.44),
    0 0 28px rgba(34,158,217,.24)!important;
}
.telegram-mark{
  width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;
  background:rgba(255,255,255,.19);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  font-size:11px;transform:rotate(-18deg);
  animation:telegramIconBob 2.1s ease-in-out infinite;
}
@keyframes telegramPremiumFloat{50%{transform:translateY(-3px)}}
@keyframes telegramPremiumPulse{
  50%{box-shadow:0 18px 42px rgba(34,158,217,.38),0 0 0 7px rgba(34,158,217,.055),inset 0 1px 0 rgba(255,255,255,.22)}
}
@keyframes telegramSweep{
  0%,52%{left:-45%}
  76%,100%{left:130%}
}
@keyframes telegramIconBob{50%{transform:translateY(-2px) rotate(-12deg) scale(1.05)}}

/* Other buttons */
.btn-primary{
  background:linear-gradient(135deg,#9bed68,#5fbe2c)!important;
  color:#081007!important;
  box-shadow:0 14px 34px rgba(95,190,44,.23)!important;
}
.btn-dark,.btn-outline,.btn-soft{
  background:linear-gradient(145deg,rgba(16,31,22,.92),rgba(8,18,12,.88))!important;
  border-color:rgba(255,255,255,.10)!important;
}
.btn:hover{filter:saturate(1.08)}

/* Loading screen */
.loader{
  background:
    radial-gradient(circle at 50% 44%,rgba(111,225,55,.18),transparent 24%),
    radial-gradient(circle at 24% 20%,rgba(44,168,223,.075),transparent 28%),
    linear-gradient(180deg,#020805,#040b08)!important;
}
.loader-logo-shell{
  border-color:rgba(145,241,90,.38)!important;
  box-shadow:0 0 48px rgba(123,226,68,.24),inset 0 0 26px rgba(123,226,68,.06)!important;
}
.loader-bar i{
  background:linear-gradient(90deg,#64c52e,#a6f97a,#2ca8df)!important;
}

/* Smooth human-like motion */
.reveal{transition-duration:.9s!important}
.feature-card:nth-child(2){transition-delay:.06s}
.feature-card:nth-child(3){transition-delay:.12s}
.feature-card:nth-child(4){transition-delay:.18s}
.step:nth-of-type(2){transition-delay:.06s}
.step:nth-of-type(3){transition-delay:.12s}
.step:nth-of-type(4){transition-delay:.18s}

@media(max-width:640px){
  .brand-logo-premium{width:38px;height:38px;border-radius:13px}
  .brand-logo-premium img{width:29px!important;height:29px!important}
  .btn-telegram{animation-duration:4s!important}
}


/* ===== NEW PREMIUM LOADER ONLY ===== */
.premium-loader{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  background:#060914;overflow:hidden;transition:.75s ease;
}
.premium-loader.hidden{opacity:0;visibility:hidden}
.premium-loader .loader-bg span{
  position:absolute;border-radius:50%;filter:blur(80px);
  animation:premiumLoaderBlob 7s ease-in-out infinite;
}
.premium-loader .loader-bg span:nth-child(1){
  width:420px;height:420px;background:rgba(98,213,47,.16);left:-130px;top:-110px;
}
.premium-loader .loader-bg span:nth-child(2){
  width:380px;height:380px;background:rgba(34,158,217,.12);right:-120px;bottom:-100px;
  animation-delay:-2s;
}
.premium-loader .loader-bg span:nth-child(3){
  width:260px;height:260px;background:rgba(255,216,95,.07);left:44%;top:36%;
  animation-delay:-4s;
}
.premium-loader .loader-panel{
  width:min(520px,calc(100% - 34px));padding:26px;border-radius:28px;
  background:linear-gradient(145deg,rgba(17,31,24,.96),rgba(7,16,11,.97));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 34px 95px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05);
  position:relative;z-index:2;
}
.premium-loader .loader-topline,
.premium-loader .loader-footer{
  display:flex;align-items:center;justify-content:space-between;
  color:#89978e;font-size:11px;letter-spacing:1.5px;
}
.premium-loader .loader-topline b{color:#c5d0c8}
.premium-loader .loader-center{text-align:center;padding:35px 0}
.premium-loader .loader-logo-wrap{
  width:108px;height:108px;margin:auto;border-radius:30px;display:grid;place-items:center;
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,#173a21,#07150d);
  border:1px solid rgba(132,237,74,.24);
  box-shadow:0 20px 58px rgba(0,0,0,.40),0 0 38px rgba(111,225,54,.11);
  animation:premiumLoaderFloat 3s ease-in-out infinite;
}
.premium-loader .loader-logo-wrap img{
  width:84px;height:84px;object-fit:contain;border-radius:22px;
}
.premium-loader .scan-line{
  position:absolute;left:10px;right:10px;height:2px;
  background:linear-gradient(90deg,transparent,#80e745,transparent);
  box-shadow:0 0 18px rgba(128,231,69,.75);
  animation:premiumScan 2.2s ease-in-out infinite;
}
.premium-loader .loader-center h2{
  font-size:28px;margin-top:22px;color:#fff;
}
.premium-loader .loader-center p{
  color:#8fa097;margin-top:8px;font-size:14px;
}
.premium-loader .loader-track{
  height:7px;border-radius:20px;background:#13241a;overflow:hidden;
}
.premium-loader .loader-track i{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,#5fbd2f,#8cec54,#229ed9);
  box-shadow:0 0 20px rgba(111,225,54,.42);
}
.premium-loader .loader-footer{margin-top:18px}
.premium-loader .loader-footer strong{font-size:18px;color:#8cec54}
@keyframes premiumLoaderBlob{
  50%{transform:translateY(-22px) scale(1.08)}
}
@keyframes premiumLoaderFloat{
  50%{transform:translateY(-7px) rotate(2deg)}
}
@keyframes premiumScan{
  0%,100%{top:15px;opacity:.2}
  50%{top:90px;opacity:1}
}

/* ===== THREE-SCREEN APP PREVIEW ===== */
.preview-section{
  background:
    radial-gradient(circle at 15% 30%,rgba(101,218,43,.08),transparent 28%),
    linear-gradient(180deg,#06110c,#040b08)!important;
}
.preview-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
}
.preview-card{
  border-radius:24px;overflow:hidden;
  background:linear-gradient(145deg,rgba(18,35,25,.94),rgba(8,18,12,.94));
  border:1px solid rgba(124,230,65,.14);
  box-shadow:0 24px 65px rgba(0,0,0,.24);
  transition:.35s ease;
}
.preview-card:hover{
  transform:translateY(-9px);
  border-color:rgba(124,230,65,.38);
  box-shadow:0 30px 82px rgba(0,0,0,.31),0 0 34px rgba(124,230,65,.07);
}
.preview-image{
  height:440px;background:#fff;overflow:hidden;
}
.preview-image img{
  width:100%;height:100%;object-fit:cover;object-position:top;
  transition:transform .6s ease;
}
.preview-card:hover .preview-image img{transform:scale(1.025)}
.preview-content{padding:22px}
.preview-content>span{
  font-size:11px;letter-spacing:1.5px;color:#7fe646;font-weight:800;
}
.preview-content h3{font-size:20px;margin:8px 0 9px}
.preview-content p{font-size:13px;color:#8fa097;line-height:1.7}
@media(max-width:980px){
  .preview-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .preview-grid{grid-template-columns:1fr}
  .preview-image{height:400px}
}


/* ===== USD TO INR CALCULATOR ===== */
.usd-calculator-section{
  background:
    radial-gradient(circle at 16% 30%,rgba(34,158,217,.08),transparent 28%),
    radial-gradient(circle at 84% 35%,rgba(111,225,54,.08),transparent 28%),
    linear-gradient(180deg,#06110c,#040b08)!important;
}
.usd-calculator-wrap{
  max-width:620px;
  margin:0 auto;
}
.usd-calculator-card{
  padding:32px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(18,36,25,.96),rgba(7,17,11,.97));
  border:1px solid rgba(124,230,65,.18);
  box-shadow:0 30px 85px rgba(0,0,0,.32);
}
.usd-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:25px;
}
.usd-card-top small{
  color:#829188;
}
.usd-card-top h3{
  font-size:28px;
  margin-top:5px;
}
.usd-symbol{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:31px;
  font-weight:900;
  color:#081008;
  background:linear-gradient(145deg,#b8ff72,#60cb2a);
  box-shadow:0 0 30px rgba(111,225,54,.22);
}
.usd-calculator-card label{
  display:block;
  color:#819188;
  font-size:12px;
  margin:14px 0 9px;
}
.usd-input-box{
  min-height:74px;
  padding:0 20px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#06100b;
  border:1px solid rgba(255,255,255,.08);
}
.usd-input-box input{
  width:70%;
  background:none;
  border:0;
  outline:0;
  color:#fff;
  font-size:28px;
  font-weight:800;
}
.usd-input-box span{
  color:#7ce443;
  font-weight:900;
}
.usd-result-box strong{
  font-size:28px;
}
.usd-swap{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin:-5px auto -19px;
  position:relative;
  z-index:2;
  color:#0a160c;
  background:#6edb35;
  border:5px solid #0d1e14;
  animation:usdSwapPulse 2.2s ease-in-out infinite;
}
.usd-rate-line{
  margin-top:22px;
  padding:15px;
  border-radius:14px;
  display:flex;
  justify-content:center;
  gap:12px;
  background:rgba(110,220,54,.08);
}
.usd-rate-line strong{
  color:#7ce443;
}
.usd-note{
  margin-top:13px;
  text-align:center;
  font-size:11px;
  color:#728078;
}
@keyframes usdSwapPulse{
  50%{transform:rotate(180deg) scale(1.08)}
}
@media(max-width:640px){
  .usd-calculator-card{padding:22px}
  .usd-card-top h3{font-size:23px}
  .usd-input-box input,.usd-result-box strong{font-size:24px}
}