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