/* Fonely Login Premium v7 — richer information layer */
.fe-hero{margin-top:66px!important}
.fe-benefits{margin-top:28px!important}
.fe-benefits>div{
  grid-template-columns:36px 1fr auto!important;
  padding:12px 0!important
}
.fe-suite{
  position:relative!important;
  z-index:2!important;
  margin-top:22px!important;
  padding:16px 17px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.04)!important;
  backdrop-filter:blur(10px)!important
}
.fe-suite>small{
  display:block!important;
  margin-bottom:10px!important;
  color:#a9948a!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.17em!important
}
.fe-suite>div{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important
}
.fe-suite span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  color:#e0cec5!important;
  font-size:7px!important;
  font-weight:750!important
}
.fe-brand-note{padding-top:22px!important}

.fe-auth-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  margin:-3px 0 20px!important
}
.fe-auth-meta span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#99857b!important;
  font-size:7px!important;
  font-weight:700!important
}
.fe-auth-meta i{
  display:block!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#c47b5f!important;
  box-shadow:0 0 0 3px rgba(196,123,95,.08)!important
}
.fe-tabs{margin-top:0!important}

@media(max-width:1200px){
  .fe-hero{margin-top:52px!important}
  .fe-benefits>div{padding:10px 0!important}
  .fe-suite{margin-top:17px!important}
}
@media(max-width:1020px){
  .fe-suite{display:none!important}
}