.hero-section{position:relative;overflow:hidden;min-height:100vh;background:linear-gradient(135deg,#2c2c2c,#1a1a1a)}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff10" fill-opacity="1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,133.3C960,128,1056,96,1152,90.7C1248,85,1344,107,1392,117.3L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;opacity:.1}.profile-image-container{position:relative;display:inline-block;animation:fadeInUp 1s ease-out}.profile-image{transition:all .3s ease;box-shadow:0 20px 40px #0000004d}.profile-image-overlay{position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#fff0);border-radius:50%;opacity:0;transition:opacity .3s ease}.profile-image-container:hover .profile-image-overlay{opacity:1}.profile-image-container:hover .profile-image{transform:scale(1.05);box-shadow:0 25px 50px #0006}.hero-title{animation:fadeInUp 1s ease-out .2s both;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{animation:fadeInUp 1s ease-out .4s both}.hero-tagline{animation:fadeInUp 1s ease-out .6s both}.hero-description{animation:fadeInUp 1s ease-out .8s both}.hero-social-links{animation:fadeInUp 1s ease-out 1s both}.hero-cta{animation:fadeInUp 1s ease-out 1.2s both}.hero-scroll-indicator{animation:fadeInUp 1s ease-out 1.4s both;margin-top:2rem}.social-icons{display:flex;justify-content:center;align-items:center;gap:1.5rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;color:#fff;text-decoration:none}.social-icon:hover{background:#fff3;transform:translateY(-3px) scale(1.1);box-shadow:0 10px 20px #0003;color:#fff}.hero-cta .btn{border-radius:50px;padding:12px 30px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;border:none;box-shadow:0 4px 15px #0003}.hero-cta .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.hero-cta .btn-light:hover{background:#e9ecef;color:#212529}.hero-cta .btn-outline-light:hover{background:#ffffff1a;color:#fff}.scroll-down{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;transition:all .3s ease}.scroll-down:hover{background:#fff3;transform:translateY(-3px);color:#fff}.scroll-down i{animation:bounce 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.hero-section{min-height:90vh;padding:2rem 0}.profile-image{width:150px;height:150px}.hero-title{font-size:2.5rem}.hero-subtitle h2{font-size:1.5rem}.social-icons{gap:1rem}.social-icon{width:45px;height:45px}.hero-cta .btn{padding:10px 20px;font-size:.9rem;margin-bottom:1rem;display:block;width:200px;margin-left:auto;margin-right:auto}}@media (max-width: 576px){.hero-section{padding:1rem 0}.profile-image{width:120px;height:120px}.hero-title{font-size:2rem}.hero-subtitle h2{font-size:1.2rem}.hero-description p{font-size:1rem}}