.hero-section{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1}.hero-section .container{position:relative;z-index:2}.hero-image{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.navbar-brand{font-size:1.5rem}.navbar-nav .nav-link{font-weight:500;margin:0 10px;transition:color .3s ease}.navbar-nav .nav-link:hover{color:#007bff!important}.card{transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a!important}.btn{font-weight:500;border-radius:50px;padding:12px 30px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 10px 20px #0003}.form-control{border-radius:10px;border:2px solid #e9ecef;padding:12px 20px;transition:border-color .3s ease}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}section{scroll-margin-top:80px}html{scroll-behavior:smooth}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.display-4{font-size:2.5rem}.hero-section{text-align:center}.btn{width:100%;margin-bottom:10px}}#portfolio .card-img-top{transition:all .3s ease}#portfolio .card:hover .card-img-top{transform:scale(1.05)}#team .card{border-radius:20px}#contact{background:linear-gradient(135deg,#2c3e50,#34495e)}footer{background:#000!important}footer a{transition:color .3s ease}footer a:hover{color:#007bff!important}