html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background-color:#0f172a;color:#e2e8f0}.container{width:80%;margin:auto}nav{position:sticky;top:0;z-index:1000}nav a{text-decoration:none;color:#e2e8f0;font-weight:500}nav a:hover{color:#22c55e}input,textarea,select{width:100%;padding:10px;margin-top:5px;background-color:#1e293b;border:1px solid #334155;color:#e2e8f0;border-radius:4px;outline:none;box-sizing:border-box}button{margin-top:15px;padding:10px;background-color:#f5f8f6;border:none;color:#000;font-weight:700;cursor:pointer;border-radius:4px}button:hover{background-color:#16a34a}.servicios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;width:80%;margin:auto}.card{background-color:#1e293b;padding:25px;border-radius:8px;border:1px solid #334155;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.card h3{margin-top:0;color:#22c55e}.navbar{background:#020617;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center;padding:15px 40px;position:sticky;top:0;z-index:999}.logo-container{display:flex;align-items:center;gap:10px}.logo-container h2{color:#fff;margin:0}.logo-img{width:52px;height:52px;border-radius:50%;object-fit:cover}.menu{display:flex;gap:25px;list-style:none;margin:0;padding:0}.menu li a{color:#fff;text-decoration:none;transition:.3s}.menu li a:hover{color:#38bdf8}.hamburger{display:none;color:#fff;font-size:28px;cursor:pointer}@media(max-width:768px){.navbar{padding:15px 20px}.logo-container h2{font-size:22px}.logo-img{width:42px;height:42px}.hamburger{display:block}.menu{position:absolute;top:82px;left:0;width:100%;background:#020617;display:flex;flex-direction:column;align-items:center;gap:30px;padding:30px 0;transform:translateY(-150%);transition:.35s ease;border-bottom:1px solid #334155}.menu.active{transform:translateY(0)}}