.hero{
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;

    background: url("img/pexels-shottrotter-18006928.jpg") center center / cover no-repeat;
}

.hero::before{
    content: "";
    position: absolute;
    inset: 0;

    /* Overlay premium */
    background:
        linear-gradient(
            100deg,
            rgba(5,15,30,.88) 0%,
            rgba(8,25,45,.76) 35%,
            rgba(10,35,60,.58) 65%,
            rgba(15,45,70,.42) 100%
        );

    z-index: 1;
}

.hero > .container{
    position: relative;
    z-index: 2;
}

.hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;

    background:
        radial-gradient(
            ellipse at center,
            transparent 35%,
            rgba(0,0,0,.20) 100%
        );

    pointer-events:none;
}


.btn-primary {
    background-color: #3792dd !important;
    border-color:none !important;
}
.btn-primary:hover {
    background-color: #3792dd !important;
    border-color:none !important;
}

a{
    color: #ffffff !important; text-decoration: none !important;
}

.glass-card {
  background: rgba(255, 255, 255, 0.15) !important; /* Fundo branco transparente */
  backdrop-filter: blur(12px) !important;            /* Efeito de desfoque no fundo */
  -webkit-backdrop-filter: blur(12px) !important;   /* Suporte para Safari */
  border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Bordas claras */
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37) !important; /* Sombra suave */
  border-radius: 1rem !important;
}

.glass-form-input, .form-control {
  background: rgba(255, 255, 255, 0.1) !important; /* Remove o branco opaco */
  backdrop-filter: blur(4px) !important;            /* Leve desfoque interno */
  -webkit-backdrop-filter: blur(4px) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important; /* Borda fina de vidro */
  color: #ffffff !important;                        /* Texto digitado em branco */
  border-radius: 6px !important;                    /* Arredondamento sutil */
}

/* Estado de foco (quando o usuário clica para digitar) */
.glass-form-input:focus {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}