.navbar{z-index:1000;background:linear-gradient(90deg,#4a90e2 0%,#50c9c3 100%);padding:1rem 1.5rem;position:sticky;top:0;box-shadow:0 4px 12px #00000026}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.navbar-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.desktop-menu{display:none}.hamburger{cursor:pointer;flex-direction:column;justify-content:space-around;width:25px;height:20px;display:flex}.bar{background-color:#fff;border-radius:10px;width:100%;height:3px;transition:all .3s ease-in-out;display:block}.mobile-overlay{z-index:998;background:#0009;width:100%;height:100%;position:fixed;top:0;left:0}.nav-menu.mobile-menu{z-index:999;background-color:#f7f7f7;flex-direction:column;width:250px;height:100vh;margin:0;padding:2rem 0;list-style:none;transition:right .3s ease-in-out;display:flex;position:fixed;top:0;right:-300px;box-shadow:-4px 0 10px #0003}.nav-menu.mobile-menu.active{right:0}.nav-menu.mobile-menu .nav-item{text-align:left;width:100%}.nav-menu.mobile-menu .nav-link{color:#333;padding:1rem 1.5rem;font-size:1.1rem;text-decoration:none;transition:background-color .2s;display:block}.nav-menu.mobile-menu .nav-link:hover{background-color:#e0e0e0}@media (min-width:768px){.hamburger{display:none}.desktop-menu{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{position:relative}.nav-link{color:#fff;padding:.5rem 0;font-weight:500;text-decoration:none;transition:color .3s ease-in-out;position:relative}.nav-link:after{content:"";background-color:#fff;border-radius:1px;width:0;height:3px;transition:width .3s ease-in-out;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after{width:100%}.nav-link:hover{color:#f0f0f0}}
@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(15px,-15px)scale(1.02)}to{transform:translate(0)scale(1)}}@keyframes pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}.hero-banner{color:#fff;background:linear-gradient(#0b111a 0%,#000408 100%);justify-content:center;align-items:center;min-height:80vh;padding:4rem 1rem;display:flex;position:relative;overflow:hidden}.hero-container{text-align:center;width:100%;max-width:1200px;margin:0 auto;position:relative}.hero-content{z-index:10;position:relative}.hero-title{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.hero-title .highlight{background:linear-gradient(90deg,#50c9c3,#4d60d3);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{opacity:.85;margin-bottom:2rem;font-size:1rem;font-weight:300}.cta-button{color:#0b111a;background:linear-gradient(45deg,#ff9a85,#ff6a88);border-radius:50px;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 15px #ff6a88b3}.cta-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff6a88}.bg-glow{filter:blur(80px);opacity:.6;z-index:1;border-radius:50%;animation:4s ease-in-out infinite alternate pulse;position:absolute}.bg-glow-1{background-color:#50c9c3;width:300px;height:300px;animation-delay:0s;top:10%;left:-5%}.bg-glow-2{background-color:#b797e6;width:400px;height:400px;animation-delay:1.5s;bottom:5%;right:-10%}.bg-glow-3{background-color:#6ed0e6;width:250px;height:250px;animation-delay:3s;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-icon{color:#ffffff4d;opacity:.6;filter:drop-shadow(0 0 7px #ffffff4d);z-index:5;font-size:1.5rem;animation:10s ease-in-out infinite alternate float;position:absolute}.icon-code{animation-delay:.5s;top:18%;left:15%}.icon-pen-tool{animation-delay:2s;top:45%;right:10%}.icon-client{animation-delay:4s;bottom:25%;left:5%}.icon-freelancer{animation-delay:6s;top:30%;left:75%}.icon-trophy{animation-delay:8s;bottom:15%;right:5%}.icon-search-job{animation-delay:10s;bottom:10%;left:40%}@media (min-width:768px){.hero-banner{min-height:90vh}.hero-title{font-size:4rem}.hero-subtitle{font-size:1.25rem}.hero-icon{font-size:2.5rem}.icon-code{top:15%;left:10%}.icon-pen-tool{top:25%;right:15%}.icon-client{bottom:15%;left:20%}.icon-freelancer{top:50%;right:5%}.icon-trophy{bottom:5%;right:40%}.icon-search-job{top:60%;left:30%}.bg-glow-1{width:500px;height:500px;top:5%;left:0%}.bg-glow-2{width:600px;height:600px;bottom:0%;right:0%}}
.footer{color:#a0aec0;background:#1a202c;border-top:1px solid #ffffff0d;padding:3rem 1.5rem;font-family:Inter,sans-serif}.footer-container{text-align:center;grid-template-columns:1fr;gap:2.5rem;max-width:1200px;margin:0 auto;display:grid}.footer-brand .footer-logo{color:#fff;margin-bottom:.75rem;font-size:1.8rem;font-weight:700;text-decoration:none;display:block}.footer-brand .footer-description{margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.social-links{justify-content:center;gap:1.2rem;margin-top:1rem;display:flex}.social-links a{color:#a0aec0;font-size:1.3rem;transition:color .3s,transform .3s}.social-links a:hover{color:#50c9c3;transform:translateY(-3px)scale(1.1)}.footer-section h3{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:.7rem}.footer-section ul li a{color:#a0aec0;font-size:.95rem;text-decoration:none;transition:color .3s,padding-left .3s;display:inline-block}.footer-section ul li a:hover{color:#6ed0e6;padding-left:5px}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;margin-top:3rem;padding-top:1.5rem}.footer-bottom p{color:#718096;font-size:.85rem}@media (min-width:768px){.footer-container{text-align:left;grid-template-columns:2fr 1.5fr 1.5fr 1.5fr}.social-links{justify-content:flex-start}.footer-section h3{margin-bottom:1.2rem}}@media (min-width:1024px){.footer-container{gap:3rem}}