
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{line-height:1.6;color:#333;background:#fff}
.container{width:90%;max-width:1200px;margin:auto}

header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:1000}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{display:flex;align-items:center;font-weight:bold;font-size:22px;color:#1b2a57}
.logo svg{margin-right:10px}
nav ul{display:flex;gap:25px;list-style:none}
nav a{text-decoration:none;color:#333;font-weight:600}
nav a:hover{color:#2c4cff}

/* slider */
.slider{position:relative;height:520px;overflow:hidden}
.slide{
position:absolute;
width:100%;
height:100%;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
opacity:0;
transition:opacity 1s;
}
.slide.active{opacity:1}
.overlay{
background:rgba(0,0,0,0.55);
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
padding:20px
}
.overlay h1{font-size:46px;margin-bottom:15px}
.overlay p{max-width:700px}

.btn{
display:inline-block;
margin-top:20px;
padding:13px 28px;
background:linear-gradient(45deg,#2c4cff,#7c3cff);
color:#fff;
text-decoration:none;
border-radius:6px
}

section{padding:80px 0}
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-size:34px;color:#1b2a57}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.grid-2 img{width:100%;border-radius:8px}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;text-align:center}
.stat{background:#f5f7ff;padding:30px;border-radius:8px}
.stat h3{font-size:32px;color:#2c4cff}

.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.service-box{background:#f8f9ff;padding:30px;border-radius:8px;border:1px solid #eee}
.service-box img{width:100%;border-radius:6px;margin-bottom:15px}
.service-box h3{color:#2c4cff;margin-bottom:10px}

.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;text-align:center}
.team-member{background:#fafafa;padding:25px;border-radius:8px;border:1px solid #eee}
.team-member img{width:160px;height:160px;object-fit:cover;border-radius:50%;margin-bottom:10px}

.contact-box{max-width:650px;margin:auto}
.contact-box input,.contact-box textarea{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}
.contact-box button{background:#2c4cff;color:white;padding:12px 20px;border:none;border-radius:5px;cursor:pointer}

footer{background:#111;color:#ccc;padding:30px 0;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
footer a{color:#ccc;text-decoration:none}
footer a:hover{text-decoration:underline}
