.hero-section{overflow-x:hidden}.hero-container{display:flex;justify-content:space-between;align-items:center;gap:60px;min-height:80vh;margin:0;padding:0 30px}.hero-intro{padding:0 10px 0 20px;flex:1.5 1;min-width:0}.hero-image-wrap{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;padding-top:2.5%;min-width:0}.welcome-tag{letter-spacing:2px;font-size:14px;margin-bottom:20px;display:block}.hero-h1{font-size:3.5rem;margin:10px 0;font-weight:700}.highlight{color:var(--accent-color)}.typing-el{font-size:2.5rem;font-weight:700;min-height:1.2em}.cursor,.typing-el{display:inline-block}.cursor{color:var(--accent-color);font-weight:300;animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-description{font-size:16px;color:var(--text-secondary);max-width:500px;margin-top:20px;line-height:1.7}.hero-desktop-btns{margin-top:10px}.hero-mobile-btns{display:none;gap:10px;margin-top:15px;width:100%;justify-content:center}.hero-btn{padding:10px 20px;background-color:var(--button-bg);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-family:Poppins,sans-serif;transition:background-color .3s ease,transform .2s ease;margin-top:20px;margin-right:15px;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.hero-btn:hover{background-color:var(--button-hover);transform:translateY(-2px)}.hero-footer{display:flex;gap:50px;margin-top:50px;flex-wrap:wrap}.hero-footer-col p{font-size:13px;font-weight:500;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.social-box{display:flex;gap:20px;align-items:center}.social-link{width:55px;height:55px;font-size:18px;text-decoration:none;background:var(--bg-color);box-shadow:7px 7px 15px var(--shadow-dark),-7px -7px 15px var(--shadow-light);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:box-shadow .3s ease,color .3s ease;color:var(--text-primary)}.social-link:hover{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light);color:var(--accent-color)}.skill-badge{width:55px;height:55px;font-size:13px;font-weight:800;letter-spacing:.5px;background:var(--bg-color);box-shadow:7px 7px 15px var(--shadow-dark),-7px -7px 15px var(--shadow-light);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:box-shadow .3s ease;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skill-badge:hover{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.img-card{width:80%;background:var(--bg-color);box-shadow:7px 7px 15px var(--shadow-dark),-7px -7px 15px var(--shadow-light);border-radius:10px;padding:10px;display:inline-block;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.img-card:hover{transform:scale(1.05)}.img-card img,.profile-img{width:100%;height:auto;border-radius:10px;display:block}.img-mobile{display:none}.img-desktop{display:block}.other-sections{margin-top:100px;display:flex;flex-direction:column}.reveal-section{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.reveal-section.visible{opacity:1;transform:translateY(0)}.other-sections>div{margin-bottom:80px}@media (max-width:1024px){.hero-h1{font-size:2.8rem}.typing-el{font-size:2rem}.hero-intro{padding-left:10px}.hero-footer{gap:30px}}@media (max-width:768px){.hero-container{flex-direction:column-reverse;gap:30px;min-height:unset;padding-top:20px}.hero-intro{text-align:center;flex:unset;width:100%;padding:0}.hero-image-wrap{flex:unset;width:100%;align-items:center}.hero-desktop-btns{display:none}.hero-mobile-btns{display:flex}.hero-h1{font-size:2.2rem}.typing-el{font-size:1.6rem}.hero-description{font-size:14px;max-width:100%}.welcome-tag{font-size:12px}.hero-footer{gap:30px;margin-top:30px;justify-content:center}.img-card{max-width:280px;width:100%}.img-desktop{display:none}.img-mobile{display:block}.other-sections>div{margin-bottom:40px}}@media (max-width:414px){.hero-mobile-btns{display:flex;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:0 10px}.hero-mobile-btns .hero-btn{flex:1 1;justify-content:center;font-size:14px;padding:12px 8px;margin:0;white-space:nowrap}}@media (max-width:400px){.hero-h1{font-size:1.8rem}.typing-el{font-size:1.3rem}.skill-badge,.social-link{width:45px;height:45px;font-size:16px}.hero-btn{font-size:13px;padding:9px 14px;margin-right:8px}}