body{font-family:'Poppins',sans-serif;color:#000;background:#fff;margin:0;overflow-x:hidden;scroll-behavior:smooth}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.5px}
.container{width:90%;max-width:1100px;margin:0 auto}
#navbar{position:fixed;width:100%;top:0;background:rgba(255,255,255,.9);display:flex;justify-content:center;align-items:center;height:70px;z-index:999;box-shadow:0 1px 6px rgba(0,0,0,.08)}
.nav-container{width:90%;max-width:1100px;display:flex;justify-content:space-between;align-items:center}
.logo-img{height:42px;transition:.3s}.logo-img:hover{transform:scale(1.05)}
.nav-links{display:flex;list-style:none;gap:2rem}.nav-link{text-decoration:none;color:#000;font-weight:500;transition:.3s}.nav-link:hover{color:#888}
.hero{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;position:relative}
.hero h1{font-size:3rem;margin-bottom:.5rem}.hero .subtitle{font-size:1.2rem;margin-bottom:1.5rem}
.cta-button{display:inline-block;padding:12px 28px;background:#000;color:#fff;border-radius:25px;text-decoration:none;transition:.3s}.cta-button:hover{background:#444}
.floating-circle,.floating-square,.floating-line{position:absolute;opacity:.15;background:#000;animation:float 6s ease-in-out infinite}
.floating-circle{width:80px;height:80px;border-radius:50%;top:10%;left:15%}.floating-square{width:60px;height:60px;top:70%;right:20%}.floating-line{width:100px;height:2px;bottom:20%;left:30%}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
section{padding:100px 0}.about,.services,.contact{text-align:center}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}
.service-card{border:1px solid #eee;padding:2rem;border-radius:12px;background:#fff;transition:.3s}.service-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.05)}
footer{text-align:center;padding:1rem 0;border-top:1px solid #eee;font-size:.9rem;color:#444}
.fade-in{opacity:0;transform:translateY(40px);transition:.8s}.fade-in.visible{opacity:1;transform:translateY(0)}
@media(max-width:768px){.nav-links{display:none;flex-direction:column;background:#fff;position:absolute;top:70px;right:0;width:200px;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav-links.active{display:flex}.menu-toggle{display:flex;flex-direction:column;cursor:pointer;gap:5px}.menu-toggle span{width:25px;height:3px;background:#000;border-radius:2px}}