.hero-section{background:linear-gradient(90deg,#4a90e2,#9013fe);color:white;padding:40px 20px 60px;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-container{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column}.hero-title-section{text-align:center;margin-bottom:50px;animation:fadeIn 1s ease-out;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.main-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.2);max-width:1200px;margin-left:auto;margin-right:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px}.fixed-title{display:inline-block;white-space:nowrap}.scrolling-container{display:inline-flex;align-items:center;justify-content:flex-start;height:4.2rem;overflow:hidden}.highlight-text{color:#ffeb3b;position:relative;display:inline-block;white-space:nowrap;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.highlight-text:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background-color:#ffeb3b;animation:expandWidth 1.5s ease-out forwards}@keyframes expandWidth{0%{width:0}to{width:100%}}.title-subtitle{font-size:1.3rem;max-width:800px;margin:0 auto;line-height:1.5;color:white}.hero-content{display:flex;width:100%;gap:40px}.hero-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding-right:20px}.hero-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.highlight{color:#ffeb3b!important}.hero-subtitle{font-size:1rem;line-height:1.6;margin-bottom:30px;max-width:600px}.cta-button{background:white;color:#4a90e2;font-weight:600;padding:12px 24px;border-radius:6px;display:inline-flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;width:fit-content}.cta-button:hover{background:#f0f0f0;transform:translateY(-2px)}.hero-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.skills-heading-container{position:absolute;top:0;right:0;z-index:10;width:100%;text-align:center;padding-top:20px}.skills-heading{font-size:2.2rem;font-weight:700;color:#ffeb3b;text-align:center;line-height:1.3;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.hero-image-container{width:100%;display:flex;justify-content:center}.hero-image{max-width:100%;height:auto;object-fit:contain}@media (max-width:1024px){.main-title{font-size:2.8rem}.scrolling-container{height:3.4rem}.title-subtitle{font-size:1.1rem}.hero-content{flex-direction:column;text-align:center;gap:30px}.hero-left{padding-right:0;align-items:center}.hero-title{font-size:2.2rem}.skills-heading{font-size:2rem}}@media (max-width:768px){.hero-section{padding:30px 20px 50px}.main-title{font-size:2.4rem;flex-direction:column;gap:5px}.scrolling-container{height:3rem}.title-subtitle{font-size:1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:.95rem}.skills-heading{font-size:1.8rem}}@media (max-width:480px){.main-title{font-size:2rem}.scrolling-container{height:2.5rem}.title-subtitle{font-size:.9rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.9rem}.skills-heading{font-size:1.6rem}.cta-button{padding:10px 20px;font-size:.9rem}}