:root{ --blue:#0b5ed7; --blue-dark:#094bb5; --muted:#6b7280; --container:1100px; }
*{box-sizing:border-box}
body{font-family:Inter,Segoe UI,Arial, sans-serif;margin:0;color:#0f1724;background:#ffffff}
.container{max-width:var(--container);margin:2rem auto;padding:0 1rem}
.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--blue);color:#fff}
.nav .logo{font-weight:700;font-size:1.2rem;color:#fff;text-decoration:none}
.nav-right a{color:#fff;margin-left:1rem;text-decoration:none;padding:0.5rem;border-radius:4px}
.nav-right a:hover{background:rgba(255,255,255,0.08)}
.hero{background:linear-gradient(90deg, rgba(11,94,215,0.95), rgba(11,78,197,0.95));color:#fff;padding:4rem 0}
.hero-inner{max-width:var(--container);margin:0 auto;text-align:left;padding:0 1rem}
.hero h1{font-size:2.2rem;margin:0 0 0.5rem}
.hero p{margin:0 0 1rem;color:rgba(255,255,255,0.9)}
.btn{display:inline-block;background:#fff;color:var(--blue);padding:0.6rem 1rem;border-radius:6px;text-decoration:none;font-weight:600}
.features{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}
.card{background:#fff;border-radius:8px;box-shadow:0 6px 18px rgba(12,24,48,0.06);padding:1.25rem}
.card.small{width:280px;text-align:center}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.service-card{padding:1rem;border-left:4px solid var(--blue)}
.service-card h3{margin:0 0 0.5rem}
.price{font-weight:700;color:var(--blue)}
.about-wrap{display:flex;gap:2rem;align-items:center}
.about-left{flex:1}
.about-right{width:300px;text-align:center}
.about-logo{max-width:100%;border-radius:6px}
.contact-form input, .contact-form textarea{width:100%;padding:0.8rem;border:1px solid #e6e6e6;border-radius:6px;margin-bottom:0.75rem}
.alert{background:#e6fffa;border-left:4px solid #0b5ed7;padding:0.6rem 0.8rem;margin-bottom:1rem;border-radius:4px}
.footer{background:var(--blue);color:#fff;padding:1rem;text-align:center;margin-top:2rem}
@media(max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}.about-wrap{flex-direction:column}}
@media(max-width:600px){.services-grid{grid-template-columns:1fr}.nav{padding:0.75rem}}