*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

```
font-family:'Poppins',sans-serif;

background:#111;

color:#fff;

overflow-x:hidden;
```

}

/* =====================================================
HERO
===================================================== */

.hero{

```
position:relative;

min-height:100vh;

background:
linear-gradient(
    rgba(0,0,0,.75),
    rgba(0,0,0,.75)
),
url('../../images/logos/8.png');

background-size:cover;

background-position:center;

background-repeat:no-repeat;
```

}

.overlay{

```
position:absolute;

inset:0;

background:
radial-gradient(
    circle at top right,
    rgba(212,175,55,.15),
    transparent 40%
);
```

}

.hero .container{

```
position:relative;

z-index:2;
```

}

/* =====================================================
LOGO
===================================================== */

.logo{

```
max-width:320px;

width:100%;

filter:
drop-shadow(
    0 10px 25px rgba(0,0,0,.5)
);
```

}

/* =====================================================
TITULOS
===================================================== */

.hero-title{

```
font-size:3rem;

font-weight:700;

line-height:1.2;

margin-bottom:25px;
```

}

.hero-subtitle{

```
font-size:1.15rem;

line-height:1.8;

color:#ddd;

margin-bottom:25px;
```

}

/* =====================================================
BADGES
===================================================== */

.hero-badges{

```
display:flex;

flex-wrap:wrap;

gap:12px;

margin-top:30px;
```

}

.hero-badges span{

```
background:
rgba(255,255,255,.08);

border:
1px solid rgba(255,255,255,.1);

backdrop-filter:blur(10px);

padding:10px 18px;

border-radius:50px;

font-size:.9rem;
```

}

/* =====================================================
CARD FORM
===================================================== */

.form-card{

```
background:
rgba(255,255,255,.08);

backdrop-filter:
blur(20px);

-webkit-backdrop-filter:
blur(20px);

border:
1px solid rgba(255,255,255,.1);

border-radius:24px;

padding:35px;

box-shadow:
0 20px 60px rgba(0,0,0,.35);
```

}

.form-card h3{

```
font-weight:700;

color:#fff;
```

}

/* =====================================================
INPUTS
===================================================== */

.form-control,
.form-select{

```
height:52px;

border-radius:12px;

border:none;

padding-left:15px;
```

}

.form-control:focus,
.form-select:focus{

```
box-shadow:
0 0 0 3px rgba(212,175,55,.25);
```

}

/* =====================================================
BOTÃO DOURADO
===================================================== */

.btn-gold{

```
height:56px;

border:none;

border-radius:12px;

background:
linear-gradient(
    135deg,
    #d4af37,
    #f2cf63
);

color:#000;

font-weight:700;

letter-spacing:.5px;

transition:.3s;
```

}

.btn-gold:hover{

```
transform:translateY(-2px);

box-shadow:
0 15px 30px rgba(212,175,55,.3);
```

}

/* =====================================================
LGPD
===================================================== */

.form-check-label{

```
font-size:.85rem;

color:#ccc;
```

}

/* =====================================================
WHATSAPP
===================================================== */

.whatsapp-float{

```
position:fixed;

right:20px;

bottom:20px;

width:70px;

height:70px;

border-radius:50%;

background:#25D366;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

text-decoration:none;

z-index:9999;

box-shadow:
0 10px 25px rgba(0,0,0,.3);

animation:pulse 2s infinite;
```

}

.whatsapp-float:hover{

```
color:#fff;

transform:scale(1.08);
```

}

@keyframes pulse{

```
0%{
    transform:scale(1);
}

50%{
    transform:scale(1.08);
}

100%{
    transform:scale(1);
}
```

}

/* =====================================================
RESPONSIVO
===================================================== */

@media(max-width:991px){

```
.hero{

    text-align:center;

}

.hero-title{

    font-size:2.2rem;

}

.hero-subtitle{

    font-size:1rem;

}

.hero-badges{

    justify-content:center;

}

.form-card{

    margin-top:40px;

}
```

}

@media(max-width:576px){

```
.hero-title{

    font-size:1.8rem;

}

.form-card{

    padding:25px;

}

.logo{

    max-width:250px;

}
```

}