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

body{

font-family:'Inter',sans-serif;
color:#111827;
background:#ffffff;

}


/* NAVBAR */

.navbar{

width:100%;

display:flex;
justify-content:space-between;
align-items:center;

padding:20px 80px;

background:white;

box-shadow:0 2px 15px rgba(0,0,0,0.06);

position:sticky;
top:0;
z-index:1000;

}

.logo{

font-size:26px;
font-weight:700;
color:#2563eb;

}

.nav-links{

display:flex;
align-items:center;
gap:25px;

}

.nav-links a{

text-decoration:none;
color:#111827;
font-weight:500;
font-size:16px;

}

.nav-links a:hover{
color:#2563eb;
}


/* BUTTONS */

.btn{

padding:10px 18px;
border-radius:8px;
text-decoration:none;
font-weight:600;

}

.login{

border:1px solid #2563eb;
color:#2563eb;

}

.register{

background:#2563eb;
color:white;

}


/* FULL HERO BANNER */

.hero{

width:100%;
height:500px;

background:url('https://images.unsplash.com/photo-1487754180451-c456f719a1fc?q=80&w=2000') center/cover;

display:flex;
align-items:center;

padding-left:80px;

color:white;

}

.hero-content{

background:rgba(0,0,0,0.6);

padding:40px;

border-radius:12px;

max-width:600px;

}

.hero h1{

font-size:48px;
margin-bottom:15px;

}

.hero p{

font-size:18px;
margin-bottom:20px;

}


/* FULL SECTION */

.section{

width:100%;

padding:80px;

}

.section-title{

font-size:36px;
font-weight:700;

margin-bottom:40px;

text-align:center;

}


/* GRID */

.grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

gap:30px;

}


/* CARDS */

.card{

background:white;

padding:40px;

border-radius:16px;

box-shadow:0 8px 25px rgba(0,0,0,0.08);

text-align:center;

}

.card i{

font-size:40px;

color:#2563eb;

margin-bottom:15px;

}


/* CONTACT LAYOUT */

.contact-container{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

}

.contact-form input,
.contact-form textarea{

width:100%;

padding:14px;

margin-bottom:15px;

border-radius:8px;

border:1px solid #ccc;

}

.contact-form button{

padding:14px 20px;

background:#2563eb;

color:white;

border:none;

border-radius:8px;

font-size:16px;

}


/* MAP */

.map{

width:100%;
height:400px;
border-radius:12px;

}


/* FAQ */

.faq{

max-width:900px;
margin:auto;

}

.faq-item{

padding:20px;

border-bottom:1px solid #ddd;

}


/* FOOTER */

.footer{

background:#020617;

color:white;

padding:50px 80px;

}

.footer-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:40px;

}

.footer-bottom{

text-align:center;
margin-top:30px;

}


/* MOBILE */

@media(max-width:768px){

.navbar{
padding:20px;
}

.hero{
padding:20px;
height:400px;
}

.section{
padding:40px 20px;
}

.contact-container{
grid-template-columns:1fr;
}

}
.footer{

background:#020617;

color:white;

padding-top:60px;

}

.footer-container{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:40px;

padding:0 80px;

}

.footer-col h3{

margin-bottom:15px;

}

.footer-logo{

font-size:24px;

margin-bottom:10px;

}

.footer-col p{

color:#cbd5e1;

line-height:1.6;

}

.footer-col ul{

list-style:none;

padding:0;

}

.footer-col ul li{

margin-bottom:10px;

color:#cbd5e1;

}

.footer-col ul li a{

color:#cbd5e1;

text-decoration:none;

}

.footer-col ul li a:hover{

color:white;

}

.footer-social{

margin-top:15px;

}

.footer-social a{

display:inline-block;

margin-right:10px;

width:35px;
height:35px;

background:#1e293b;

text-align:center;
line-height:35px;

border-radius:50%;

color:white;

}

.footer-social a:hover{

background:#2563eb;

}

.footer-bottom{

text-align:center;

padding:20px;

margin-top:40px;

background:#010409;

color:#94a3b8;

}