.domain-check{
  width:100%;
  padding:150px 0;
  background:#252525;
  position:relative;
  overflow:hidden;
}

/* GRID TECH */
.domain-check::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:80px 80px;
  opacity:.35;
}

/* GLOW */
.domain-check::after{
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  background:#0d6efd;
  filter:blur(180px);
  opacity:.22;
  left:-220px;
  bottom:-220px;
}

.domain-check-inner{
  width:90%;
  max-width:900px;
  margin:0 auto;
  position:relative;
  z-index:2;
  text-align:center;
}

/* EYEBROW */
.domain-eyebrow{
  display:block;
  margin-bottom:22px;
  font-weight:800;
  letter-spacing:3px;
  font-size:13px;
  color:#0d6efd;
}

/* TÍTULO */
.domain-check h2{
  font-size:54px;
  font-weight:900;
  line-height:1.05;
  color:#fff;
  margin-bottom:26px;
}

.domain-check h2 span{
  color:#0d6efd;
}

/* TEXTO */
.domain-check p{
  font-size:18px;
  color:#cfcfcf;
  max-width:640px;
  margin:0 auto 48px;
  line-height:1.7;
}

/* FORM */
.domain-form{
  margin-bottom:26px;
}

.domain-input-group{
  display:flex;
  background:#1f1f1f;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}

.domain-input-group input{
  flex:1;
  padding:20px 22px;
  font-size:16px;
  background:transparent;
  border:none;
  color:#fff;
  outline:none;
}

.domain-input-group select{
  padding:0 18px;
  background:#1f1f1f;
  border:none;
  color:#fff;
  font-weight:700;
  outline:none;
}

.domain-btn{
  padding:0 34px;
  background:#0d6efd;
  color:#fff;
  font-weight:800;
  border:none;
  cursor:pointer;
  transition:.3s;
}

.domain-btn:hover{
  background:#0b5ed7;
}

/* ===============================
   RESULTADO DOMÍNIO (PADRÃO SAAS)
================================ */

.domain-result{
  margin-top:18px;
  display:flex;
  justify-content:center;
}

/* CARD BASE */
.domain-result-card{
  width:100%;
  max-width:900px;
  background:#1f1f1f;
  border-radius:14px;
  padding:18px 22px;
  border:1px solid rgba(255,255,255,.08);
  text-align:left;

  opacity:0;
  transform:translateY(12px);
  transition:all .45s ease;
}

/* VISIBILIDADE */
.domain-result-card.show{
  opacity:1;
  transform:translateY(0);
}

.domain-result-card.hide{
  opacity:0;
  transform:translateY(-10px);
}

/* DOMÍNIO */
.domain-result-domain{
  font-size:17px;
  font-weight:900;
  color:#ffffff;
  margin-bottom:6px;
  word-break:break-all;
}

/* STATUS */
.domain-result-status{
  font-size:14px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:8px;
}

/* LOADING */
.domain-result-card.loading{
  border-color:rgba(255,255,255,.18);
}

.domain-result-card.loading .domain-result-status{
  color:#cfcfcf;
}

/* ERRO / INDISPONÍVEL (PADRÃO TÉCNICO) */
.domain-result-card.error{
  border-color:rgba(234,179,8,.45);     /* amarelo alerta */
  background:linear-gradient(
    to right,
    rgba(234,179,8,.08),
    rgba(0,0,0,0)
  );
}

.domain-result-card.error .domain-result-status{
  color:#facc15; /* amarelo suave */
}

/* MOBILE */
@media(max-width:768px){
  .domain-result-card{
    text-align:center;
  }
}