:root{font-family:system-ui,sans-serif;line-height:1.5;--primary-color: #2563eb;--secondary-color: #1e40af;--accent-color: #f59e0b;--light-color: #f8fafc;--dark-color: #0f172a;--gray-color: #64748b}body{margin:0;background-color:var(--light-color);color:var(--dark-color)}header{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:2rem}nav li a{text-decoration:none;color:var(--dark-color);padding:1rem 0;display:inline-block;transition:color .3s ease}nav li a:hover,nav li a.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color)}main{max-width:1000px;margin:2rem auto;padding:0 1rem}.hero{text-align:center;padding:3rem 0;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:8px;margin-bottom:2rem}.hero h1{font-size:2.5rem;color:var(--secondary-color);margin-bottom:1rem}.hero p{font-size:1.2rem;color:var(--gray-color);margin-bottom:.5rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.feature{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;text-align:center}.feature h2{color:var(--secondary-color);margin-top:0}.feature p{color:var(--gray-color)}.about h1,.contact h1{color:var(--secondary-color);text-align:center;margin-bottom:2rem}.about h2,.contact h2{color:var(--primary-color)}.about p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.contact-info{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem}.contact-info p{font-size:1.1rem;margin-bottom:.5rem}.contact-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}.contact-form form{margin-top:1.5rem}.contact-form label{display:block;margin-bottom:.5rem;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-bottom:1rem}.contact-form button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.contact-form button:hover{background-color:var(--secondary-color)}.btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;transition:background-color .3s ease}.btn:hover{background-color:var(--secondary-color)}footer{text-align:center;padding:2rem;background-color:var(--dark-color);color:#fff;margin-top:3rem}@media (max-width: 768px){nav ul{flex-direction:column;align-items:center;gap:.5rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.features{grid-template-columns:1fr}}