/* AsaanSMM premium public frontend */
.wrap{
  width:min(calc(100% - 48px),1280px)!important;
  max-width:1280px!important;
  padding-left:0!important;
  padding-right:0!important;
}
body{
  background:
    radial-gradient(circle at 8% 3%,rgba(37,99,235,.055),transparent 24%),
    var(--bg);
}
.hd{
  background:color-mix(in srgb,var(--surf) 93%,transparent)!important;
  box-shadow:0 8px 30px rgba(15,23,42,.04);
}
.hd-in{height:78px!important;gap:18px!important}
.lg .mk{
  width:42px!important;height:42px!important;border-radius:13px!important;
  box-shadow:0 12px 28px -12px rgba(37,99,235,.75);
}
.lg b{font-size:18px!important}
.lg em{font-size:11.5px!important}
.mnu{justify-content:center;margin-left:28px!important}
.mnu button{padding:10px 15px!important;border-radius:10px!important}
.hd-r{gap:10px!important}
.currency-select{
  display:block!important;min-width:116px;height:40px;
  border-radius:10px!important;font-weight:600!important;color:var(--tx)!important;
}
.b{border-radius:11px!important}
.hero{
  padding:108px 0 112px!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(37,99,235,.4),transparent 30%),
    radial-gradient(circle at 60% 100%,rgba(14,165,233,.14),transparent 30%),
    linear-gradient(145deg,#07101f 0%,#0c1a30 52%,#10294e 100%)!important;
}
.hero::before{background-size:26px 26px!important;opacity:.7}
.hero-g{
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr)!important;
  gap:76px!important;
}
.hero h1{
  max-width:720px!important;
  font-size:clamp(40px,4.4vw,64px)!important;
  line-height:1.08!important;
  letter-spacing:-.048em!important;
}
.hero .lead{max-width:650px!important;font-size:17px!important;line-height:1.8!important}
.mock{
  border-radius:22px!important;padding:10px!important;
  box-shadow:0 40px 90px -35px rgba(0,0,0,.78)!important;
}
.mock-in{border-radius:15px!important}
.sec{padding:104px 0!important}
.sec-s{padding:64px 0!important}
.sh{max-width:720px!important;margin-bottom:52px!important}
.card{
  border-radius:18px!important;padding:30px!important;
  box-shadow:0 16px 45px -36px rgba(15,23,42,.5)!important;
}
.card.hov:hover{
  transform:translateY(-5px)!important;
  border-color:color-mix(in srgb,var(--p) 28%,var(--line))!important;
  box-shadow:0 28px 64px -38px rgba(37,99,235,.42)!important;
}
.ic{width:46px!important;height:46px!important;border-radius:14px!important}
.calc,.tw,.faq,.rv,.pc,.filt{
  border-radius:18px!important;
  box-shadow:0 20px 55px -44px rgba(15,23,42,.6)!important;
}
.alt{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surf2) 92%,transparent),var(--surf2))!important;
}
.ft{background:var(--surf)!important}
.chatb{
  width:58px!important;height:58px!important;
  box-shadow:0 18px 38px -15px rgba(37,99,235,.72)!important;
}
@media(max-width:1100px){
  .hero-g{grid-template-columns:1fr!important;gap:48px!important}
  .mock{display:none!important}
  .mnu{display:none!important}
  .mnu.open{
    display:flex!important;position:absolute;top:100%;left:24px;right:24px;
    flex-direction:column;background:var(--surf);border:1px solid var(--line);
    border-radius:16px;padding:10px;margin:10px 0 0!important;box-shadow:var(--sh3);
  }
}
@media(min-width:1101px){#burger{display:none!important}}
@media(max-width:760px){
  .wrap{width:calc(100% - 32px)!important}
  .hd-in{height:68px!important;gap:8px!important}
  .lg em{display:none!important}
  .lg b{font-size:16px!important}
  .lg .mk{width:38px!important;height:38px!important}
  .currency-select{
    min-width:86px!important;max-width:96px!important;height:38px;
    padding-left:8px!important;padding-right:22px!important;font-size:12px!important;
  }
  .hd-r{gap:6px!important}
  .hd-r .hdb{display:none!important}
  .hero{padding:76px 0 82px!important}
  .hero h1{font-size:clamp(35px,11vw,48px)!important}
  .hero .lead{font-size:15.5px!important}
  .hero-btns{display:grid!important;grid-template-columns:1fr!important}
  .hero-btns .b{width:100%!important}
  .tick{display:grid!important;gap:12px!important}
  .sec{padding:68px 0!important}
  .sec-s{padding:42px 0!important}
  .card{padding:23px!important}
}
@media(max-width:390px){
  .lg span:last-child{display:none!important}
  .currency-select{max-width:88px!important}
}

/* Clean public header — aligned with user/admin panels */
.hd .lg em{display:none!important}
.hd .lg{min-width:176px}
.hd .mnu{
  flex:1 1 auto!important;
  overflow:visible!important;
  justify-content:center!important;
  margin-left:10px!important;
}
.hd .mnu button{flex:0 0 auto!important}
.hd-r{margin-left:0!important}

@media(max-width:1250px){
  .hd .mnu{display:none!important}
  .hd .mnu.open{
    display:flex!important;
    left:24px!important;
    right:24px!important;
  }
  #burger{display:grid!important}
}

@media(min-width:1251px){
  #burger{display:none!important}
}

@media(max-width:760px){
  .hd .lg{min-width:0}
}

/* Keep public header compact; secondary pages remain in footer */
.hd .mnu button:nth-child(n+4){
  display:none!important;
}

/* Hide features until their real content is launched */
#home > section:nth-of-type(4),
#home > section:nth-of-type(5),
#home > section:nth-of-type(6){
  display:none!important;
}

/* Hide inactive homepage sections safely */
[data-p="home"] > section:nth-of-type(6),
[data-p="home"] > section:nth-of-type(7),
[data-p="home"] > section:nth-of-type(8){
  display:none!important;
}

/* Mobile navigation authentication */
.mobile-login,
.mobile-register{
  display:none;
}

@media(max-width:1250px){
  .hd .mnu.open .mobile-login,
  .hd .mnu.open .mobile-register{
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:44px;
    padding:10px 16px;
    border-radius:10px;
    font:600 14px Inter,sans-serif;
    text-decoration:none;
    box-sizing:border-box;
  }

  .hd .mnu.open .mobile-login{
    margin-top:14px;
    color:var(--tx);
    background:var(--surf);
    border:1px solid var(--line2);
  }

  .hd .mnu.open .mobile-register{
    margin-top:8px;
    color:#fff;
    background:var(--p);
    border:1px solid var(--p);
  }
}