@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap');


:root{

--azul:#111f3c;
--escuro:#141924;
--dourado:#daa848;
--cinza:#47413f;
--branco:#ffffff;

}



/* RESET */

*{

margin:0;
padding:0;
box-sizing:border-box;

}



body{

font-family:Arial, Helvetica, sans-serif;

background:var(--azul);

color:white;

}



/* MENU */

.header{

height:95px;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 8%;

background:var(--azul);

border-bottom:1px solid rgba(218,168,72,.25);

}



.logo{

font-family:'Cormorant Garamond',serif;

font-size:48px;

font-weight:700;

color:var(--dourado);

line-height:.7;

}



.logo span{

display:block;

font-family:Arial;

font-size:10px;

letter-spacing:6px;

margin-top:12px;

color:white;

}



nav a{


font-family:Arial;

font-size:15px;

font-weight:bold;

text-decoration:none;

color:white;

margin-left:35px;


}



.btn-login{


background:var(--dourado);

color:var(--azul)!important;

padding:14px 30px;

border-radius:4px;


}





/* HERO */

.hero{


min-height:760px;

display:flex;

align-items:center;

padding:0 8%;

background:

linear-gradient(
135deg,
#111f3c,
#141924
);


}



.hero-text{


max-width:900px;


}



.tag{


font-size:13px;

font-weight:bold;

letter-spacing:6px;

color:var(--dourado);


}



.hero h1{


font-family:'Cormorant Garamond',serif;

font-size:85px;

font-weight:700;

line-height:1;

letter-spacing:-2px;

margin:30px 0;

color:white;


}



.hero p{


font-size:21px;

line-height:1.8;

max-width:650px;

color:#e2e4e8;


}



.btn{


display:inline-block;

margin-top:40px;

padding:18px 45px;

background:var(--dourado);

color:var(--azul);

text-decoration:none;

font-weight:bold;

border-radius:4px;


}



.btn:hover{


background:white;


}





/* BLOCO RECURSOS */


.recursos{


background:white;

color:var(--azul);

padding:100px 8%;

text-align:center;


}



.recursos h2{


font-family:'Cormorant Garamond',serif;

font-size:60px;

margin-bottom:60px;


}




.lista{


display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;


}




.lista div{


padding:45px;

border:1px solid #ddd;

background:white;


}



.lista h3{


font-family:'Cormorant Garamond',serif;

font-size:35px;

color:var(--azul);

margin-bottom:15px;


}



.lista p{


font-size:16px;

line-height:1.7;

color:var(--cinza);


}





/* AREA LOGIN */

.acesso{


margin:80px 8%;

padding:90px;

background:var(--escuro);

text-align:center;

border:1px solid rgba(218,168,72,.3);


}



.acesso h2{


font-family:'Cormorant Garamond',serif;

font-size:65px;

color:var(--dourado);


}



.acesso p{


font-size:20px;

margin:25px 0;

color:white;


}



.acesso a{


display:inline-block;

padding:16px 40px;

background:var(--dourado);

color:var(--azul);

text-decoration:none;

font-weight:bold;


}




/* FOOTER */


footer{


background:#0b101d;

padding:40px;

text-align:center;

color:white;


}



/* MOBILE */


@media(max-width:900px){


nav{

display:none;

}



.hero h1{


font-size:50px;


}



.lista{


grid-template-columns:1fr;


}



.acesso{


margin:40px 5%;

padding:50px;


}


}