.hero-section{background:linear-gradient(135deg,#0c1e5b 0%,#1a2a5e 100%);align-items:center;min-height:85vh;padding:8rem 1.5rem 5rem;display:flex;position:relative;overflow:hidden}.hero-content{opacity:0;max-width:600px;padding-left:5%;transition:all .8s;transform:translateY(30px)}.hero-section.animate .hero-content{opacity:1;transform:translateY(0)}.hero-title{color:#fff;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.2}.hero-title .highlight{color:#40e0d0;position:relative}.hero-title .highlight:after{content:"";z-index:-1;background-color:#40e0d033;width:100%;height:8px;position:absolute;bottom:5px;left:0}.hero-subtitle{color:#e0e0e0;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.hero-buttons{gap:1rem;display:flex}.primary-button{color:#fff;background:linear-gradient(135deg,#40e0d0 0%,#4169e1 100%);border-radius:4px;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.primary-button:hover{background:linear-gradient(135deg,#4169e1 0%,#40e0d0 100%);transform:translateY(-2px);box-shadow:0 4px 12px #40e0d04d}.secondary-button{color:#40e0d0;background-color:#0000;border:1px solid #40e0d0;border-radius:4px;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.secondary-button:hover{background-color:#40e0d01a;transform:translateY(-2px)}.hero-image{opacity:0;flex:1;justify-content:center;align-items:center;transition:all .8s .2s;display:flex;transform:translate(30px)}.hero-section.animate .hero-image{opacity:1;transform:translate(0)}.image-container{width:100%;max-width:600px;position:relative}.main-image{border-radius:12px;width:100%;height:auto;box-shadow:0 20px 40px #0000004d}.main-image.animated{animation:3s infinite alternate pulse}.floating-element{display:none}@media (max-width:992px){.hero-section{text-align:center;flex-direction:column;padding-top:6rem}.hero-content{max-width:100%;margin-bottom:3rem}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center}.hero-image{width:100%}}@media (max-width:576px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.primary-button,.secondary-button{text-align:center;width:100%}}