body{

font-family:Segoe UI,Arial,sans-serif;

font-size:16px;

line-height:1.8;

color:#333;

background:#fafafa;

}

.navbar{

padding:15px 0;

}

.navbar-brand{

font-size:32px;

font-weight:700;

}

.hero{

padding:80px 0;

}

.hero h1{

font-size:54px;

font-weight:700;

line-height:1.2;

}

.hero p{

font-size:20px;

margin-top:25px;

}

section{

padding:70px 0;

}

h2{

font-size:36px;

font-weight:700;

margin-bottom:30px;

}

h3{

margin-top:30px;

}

.card{

border:none;

border-radius:12px;

transition:.3s;

}

.card:hover{

transform:translateY(-5px);

box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.btn-primary{

padding:12px 28px;

border-radius:30px;

}

.footer{

background:#111;

color:#ddd;

padding:60px 0;

}

.footer a{

color:#bbb;

text-decoration:none;

}

.footer a:hover{

color:#fff;

}

.footer h4,

.footer h5{

color:#fff;

margin-bottom:20px;

}

@media(max-width:768px){

.hero h1{

font-size:36px;

}

.hero{

text-align:center;

}

}