*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--primary:#2563eb;--primary-dark:#1d4ed8;--dark:#0f172a;--text:#334155;--text-light:#64748b;--light:#f8fafc;--white:#fff;--radius:10px;--shadow:0 4px 20px rgba(0,0,0,0.08)}
body{font-family:'Segoe UI',system-ui,sans-serif;color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

.navbar{position:fixed;top:0;left:0;right:0;background:rgba(15,23,42,0.95);backdrop-filter:blur(10px);z-index:1000;padding:15px 0}
.navbar .container{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.5rem;font-weight:800;color:var(--white)}
.nav-links{list-style:none;display:flex;gap:28px}
.nav-links a{color:rgba(255,255,255,0.8);font-size:0.95rem;transition:color 0.3s}
.nav-links a:hover{color:var(--primary)}
.nav-toggle{display:none;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer}

.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--dark) 0%,#1e3a5f 100%);color:var(--white)}
.hero h1{font-size:3.5rem;margin-bottom:15px;font-weight:800}
.hero p{font-size:1.3rem;margin-bottom:30px;color:rgba(255,255,255,0.7);max-width:600px;margin-left:auto;margin-right:auto}

.btn{display:inline-block;padding:14px 32px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all 0.3s;border:2px solid transparent;font-size:1rem}
.btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary)}
.btn-primary:hover{background:var(--primary-dark)}
.btn-outline{background:transparent;color:var(--white);border-color:rgba(255,255,255,0.4);margin-left:10px}
.btn-outline:hover{background:var(--white);color:var(--dark)}

.stats-section{background:var(--primary);padding:40px 0;color:var(--white)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat-number{display:block;font-size:2.5rem;font-weight:800}
.stat-label{font-size:0.95rem;opacity:0.85}

.section{padding:80px 0}
.section-alt{background:var(--light)}
.section-title{text-align:center;font-size:2.2rem;margin-bottom:50px;font-weight:700}
.section-title::after{content:'';display:block;width:60px;height:3px;background:var(--primary);margin:15px auto 0}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.service-card{background:var(--white);padding:35px 25px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:transform 0.3s}
.service-card:hover{transform:translateY(-5px)}
.service-icon{font-size:2.5rem;display:block;margin-bottom:15px}
.service-card h3{margin-bottom:10px;font-size:1.2rem}
.service-card p{color:var(--text-light);font-size:0.95rem}

.about-content{text-align:center;max-width:800px;margin:0 auto}
.about-content p{font-size:1.15rem;color:var(--text-light);line-height:1.8}

.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.team-card{text-align:center;padding:30px 20px}
.team-avatar{width:80px;height:80px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 15px}
.team-card h3{font-size:1.1rem;margin-bottom:5px}
.team-role{color:var(--primary);font-size:0.9rem;display:block;margin-bottom:10px}
.team-card p{font-size:0.9rem;color:var(--text-light)}

.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.testimonial-card{background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow)}
.stars{color:#f59e0b;font-size:1.2rem;margin-bottom:15px}
.testimonial-card p{font-style:italic;margin-bottom:15px;color:var(--text-light)}
.testimonial-card strong{display:block}
.testimonial-card span{color:var(--text-light);font-size:0.9rem}

.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:start}
.contact-info .info-item{margin-bottom:25px}
.contact-info strong{display:block;margin-bottom:5px;font-size:1.1rem}
.contact-info p{color:var(--text-light)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-group{margin-bottom:15px}
.form-group label{display:block;margin-bottom:5px;font-weight:600;font-size:0.9rem}
.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e2e8f0;border-radius:var(--radius);font-size:1rem;transition:border-color 0.3s}
.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}

.alert{padding:15px 20px;border-radius:var(--radius);margin-bottom:25px;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}
.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}
.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}

.footer{background:var(--dark);color:rgba(255,255,255,0.5);text-align:center;padding:30px 0;font-size:0.9rem}

@media(max-width:768px){
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--dark);flex-direction:column;padding:20px;gap:15px;text-align:center}
  .nav-links.active{display:flex}
  .hero h1{font-size:2.2rem}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .services-grid,.testimonials-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .btn-outline{margin-left:0;margin-top:10px}
}