body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth}.navbar{background:rgba(0,0,0,0.8);transition:all 0.4s ease}.navbar.scrolled{background:#111 !important;box-shadow:0 3px 10px rgba(0,0,0,0.3)}.navbar-nav .nav-link{color:#fff !important;font-weight:500;margin-left:15px;transition:color 0.3s}.navbar-nav .nav-link:hover{color:#32CD32 !important}.hero{background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('images/websitedesign.png') center/cover no-repeat;color:#fff;height:100vh}.btn-tomato{background-color:#FF6347;color:#fff;transition:all 0.3s ease}.btn-tomato:hover{background-color:#e5533d;transform:scale(1.05);color:#fff}.text-green{color:#32CD32}.service-card{transition:transform 0.3s ease,box-shadow 0.3s ease}.service-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.service-icon{font-size:3rem;color:#FF6347}.portfolio-item{overflow:hidden;position:relative;border-radius:8px;cursor:pointer}.portfolio-item img{width:100%;transition:transform 0.4s ease}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.4s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}footer{background:#111;color:#aaa}