:root{--primary:#0f2c52;--accent:#EE8604;--text-light:#ffffff}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth}.bg-primary{background-color:var(--primary)}.bg-accent{background-color:var(--accent)}.text-accent{color:var(--accent)}.border-accent{border-color:var(--accent)}.btn-primary{background-color:var(--accent);color:#fff;transition:.3s;position:relative;overflow:hidden}.btn-primary::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background-color:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s}.btn-primary:hover{background-color:#d67700;transform:translateY(-2px);box-shadow:0 4px 12px rgba(238,134,4,.3)}.btn-primary:hover::after{width:300px;height:300px}.nav-link{position:relative}.nav-link::after{content:'';position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--accent);transition:width .3s}.nav-link:hover::after{width:100%}.hero-slide{opacity:0;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.hero-slide.active{opacity:1;z-index:10}.tech-icon{transition:.4s;transform:translateY(0)}.tech-icon:hover{transform:translateY(-10px) scale(1.05);filter:drop-shadow(0 10px 15px rgba(238, 134, 4, .5))}.value-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(15,44,82,.1)}.client-logo:hover{filter:grayscale(0%);opacity:1;transform:scale(1.05)}.reveal{position:relative;opacity:0;transform:translateY(30px);transition:.8s}.reveal.active{opacity:1;transform:translateY(0)}.dragon-logo{width:40px;height:40px;transition:transform .5s}.dragon-logo:hover{transform:rotate(360deg)}.scroll-indicator{animation:2s infinite bounce}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.section-title::after{content:'';position:absolute;width:60%;height:3px;bottom:-10px;left:0;background-color:var(--accent)}@media (max-width:768px){.hero-content{padding-top:6rem;padding-bottom:6rem}.section-title::after{width:40%}}