.modern-hero{position:relative;min-height:90vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#fafafa,#f5f5f5);padding:0 1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23000000' fill-opacity='0.03' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"),linear-gradient(135deg,#fafafa,#f5f5f5);max-width:1300px;margin:0 auto;border-radius:30px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;content-visibility:auto}.circle{position:absolute;border-radius:50%;opacity:.4;filter:blur(50px);animation:floatAnimation 15s ease-in-out infinite}.circle-1{width:300px;height:300px;background:linear-gradient(135deg,#ff451b,#ff7050);top:10%;left:15%;animation-delay:0s}.circle-2{width:400px;height:400px;background:linear-gradient(135deg,#ffc6ba,#ff9b85);bottom:5%;right:10%;animation-delay:-5s}.circle-3{width:250px;height:250px;background:linear-gradient(135deg,#ff7050,#ff9b85);top:40%;right:30%;animation-delay:-10s}.grid-overlay{background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:30px 30px}.grid-overlay,.tech-icons{position:absolute;top:0;left:0;width:100%;height:100%}.tech-icons{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:2rem;padding:3rem;z-index:0;pointer-events:none;content-visibility:auto}.tech-icon{width:40px;height:40px;opacity:.15;color:#ff451b;transform:rotate(var(--random-rotate,0deg));transition:opacity .3s ease}.tech-icon:hover{opacity:.25}.tech-icon:nth-child(odd){--random-rotate:-5deg;justify-self:center}.tech-icon:nth-child(2n){--random-rotate:5deg;align-self:center}.tech-icon:nth-child(3n){--random-rotate:0deg;align-self:end}.hero-content-wrapper{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem;will-change:transform,opacity}.hero-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;width:100%}.hero-text{flex:1;max-width:600px}.greeting{margin-bottom:1rem}.greeting h3{color:#6b7280;font-size:1.25rem;font-weight:500;margin:.5rem 0}.badge{display:inline-block;padding:.35rem .75rem;background:rgba(255,69,27,.1);color:#ff451b;border-radius:1rem;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.badge.pulse{position:relative}.badge.pulse:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem;background:rgba(255,69,27,.3);z-index:-1;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.name{font-size:4rem;font-weight:800;margin:0 0 1rem;background:linear-gradient(135deg,#ff451b 30%,#ff7050);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;line-height:1;text-shadow:0 5px 15px rgba(255,69,27,.1)}.role-wrapper{margin-bottom:2rem}.role{font-size:1.5rem;color:#4b5563;margin-bottom:1rem;display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem}.typed-text{color:#ff451b;font-weight:600}.bio{font-size:1.125rem;color:#4b5563;line-height:1.6;margin-top:1rem;max-width:540px}.cta-buttons{display:flex;gap:1rem;margin-bottom:2rem}.primary-button,.secondary-button{padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;text-decoration:none}.primary-button{background:#ff451b;color:#fff;box-shadow:0 4px 14px rgba(255,69,27,.4)}.primary-button:hover{background:#ff7050;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,69,27,.5)}.primary-button:focus{outline:2px solid #ff451b;outline-offset:2px}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .6s ease}.primary-button:hover:before{left:100%}.secondary-button{background:hsla(0,0%,100%,.8);color:#4b5563;border:1px solid #e5e7eb}.secondary-button:hover{background:#fff;color:#1f2937;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.secondary-button:focus{outline:2px solid #ff451b;outline-offset:2px}.social-links{display:flex;gap:1rem}.social-links a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:hsla(0,0%,100%,.8);color:#4b5563;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.05);font-size:1.25rem}.social-links a:hover{background:#ff451b;color:#fff;transform:translateY(-3px) rotate(8deg);box-shadow:0 6px 20px rgba(255,69,27,.4)}.social-links a:focus{outline:2px solid #ff451b;outline-offset:2px}.hero-image{flex:1;display:flex;justify-content:center;position:relative;overflow:visible}.image-container{position:relative;z-index:1;transform-style:preserve-3d;perspective:1000px;transition:all .5s ease;cursor:pointer;will-change:transform;border-radius:1rem;max-height:65vh;width:400px;max-width:100%}.image-container:hover{transform:translateY(-5px);box-shadow:0 30px 40px -10px rgba(0,0,0,.2)}.image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,69,27,.05);opacity:0;transition:opacity .3s ease}.image-container:hover:after{opacity:1}.image-container img{display:block;width:100%;height:100%;border-radius:1rem;object-fit:cover;object-position:center top;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transition:all .3s ease}.image-container:hover img{transform:scale(1.02)}.image-backdrop{position:absolute;bottom:-1.5rem;right:-1.5rem;width:100%;height:100%;background:rgba(255,69,27,.3);border-radius:1rem;z-index:-1;transform:translateZ(-50px);transition:all .5s ease}.image-container:hover .image-backdrop{transform:translateZ(-30px) translateX(5px) translateY(5px)}.skill-tag{position:absolute;padding:.5rem 1rem;background:#fff;color:#4b5563;font-weight:600;font-size:.875rem;border-radius:.5rem;box-shadow:0 4px 10px rgba(0,0,0,.1);transform-style:preserve-3d;backface-visibility:hidden;z-index:2;transition:all .3s ease}.skill-tag:hover{background:#ff451b;color:#fff;transform:scale(1.05) translateZ(50px)}.tag-1{top:10%;right:-5%;transform:translateZ(20px)}.tag-2{bottom:25%;left:-5%;transform:translateZ(30px)}.tag-3{bottom:0;right:5%;transform:translateZ(40px)}.experience-badge{position:absolute;bottom:1.5rem;left:-.5rem;background:#fff;border-radius:1rem;padding:.8rem 1rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);z-index:2;transform:translateZ(60px);transition:all .3s ease}.experience-badge:hover{transform:translateZ(70px) scale(1.05);box-shadow:0 15px 30px -5px rgba(0,0,0,.15)}.badge-content{display:flex;flex-direction:column;align-items:center;text-align:center}.years{font-size:2rem;font-weight:800;color:#ff451b;line-height:1}.text{font-size:.7rem;color:#4b5563;margin-top:.25rem;font-weight:500;line-height:1.2}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;font-weight:500;opacity:.8;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.scroll-arrow svg{color:#4b5563}@media (max-width:1024px){.modern-hero{min-height:80vh}.name{font-size:3.5rem}.hero-content{padding:1rem 0}.tech-icons{grid-template-columns:repeat(3,1fr);padding:2rem}}@media (max-width:768px){.modern-hero{min-height:70vh}.hero-content{flex-direction:column-reverse;text-align:center}.hero-text{display:flex;flex-direction:column;align-items:center}.name{font-size:3rem}.role{justify-content:center}.bio{text-align:center}.image-container img{width:300px;height:300px}.experience-badge{bottom:1rem;left:1rem}.tech-icons{display:none}.skill-tag.tag-1{top:5%;right:-5%}.skill-tag.tag-2{left:-5%}.skill-tag.tag-3{right:5%}}@media (max-width:480px){.modern-hero{min-height:60vh;border-radius:20px}.name{font-size:2.5rem}.cta-buttons{flex-direction:column;width:100%}.primary-button,.secondary-button{width:100%;justify-content:center}.image-container img{width:250px;height:250px}.skill-tag{padding:.4rem .8rem;font-size:.75rem}.scroll-indicator{bottom:1rem}}@media (prefers-reduced-motion:reduce){.badge.pulse:after,.circle,.primary-button:before,.scroll-arrow{animation:none!important;transition:none!important}.image-container:hover,.image-container:hover .image-backdrop,.image-container:hover img{transform:none!important}}.scroll-section{position:relative;padding:120px 60px;background:linear-gradient(to bottom right,#fafafa,#f5f5f5);border-radius:30px;overflow:hidden;width:100%;max-width:1300px;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.05);isolation:isolate}.scroll-section.footer-section{width:100%;max-width:1300px;margin:0 auto 80px}.decorative-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(50px);opacity:.4}.shape-1{width:300px;height:300px;background:linear-gradient(135deg,#ff451b,#ff7050);top:10%;left:15%}.shape-1,.shape-2{animation:floatAnimation 15s ease-in-out infinite}.shape-2{width:400px;height:400px;background:linear-gradient(135deg,#ffc6ba,#ff9b85);bottom:5%;right:10%;animation-delay:-5s}.shape-3{width:250px;height:250px;background:linear-gradient(135deg,#ff7050,#ff9b85);top:40%;right:30%;animation:floatAnimation 15s ease-in-out infinite;animation-delay:-10s}@keyframes floatAnimation{0%,to{transform:translate(0)}25%{transform:translate(-10px,10px)}50%{transform:translate(10px,20px)}75%{transform:translate(15px,-10px)}}.section-content{position:relative;z-index:1;width:100%}.section-header{position:relative;z-index:1;margin-bottom:50px;text-align:center}.section-tag{display:inline-block;background:rgba(255,69,27,.1);color:#ff451b;font-weight:600;font-size:14px;padding:6px 16px;border-radius:30px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}.section-title{font-size:60px;font-weight:800;line-height:1.1;margin:0;color:#555;position:relative}.accent-dot{display:inline-block;width:12px;height:12px;background-color:#ff451b;border-radius:50%;margin-left:10px}@media (max-width:1024px){.scroll-section{padding:80px 40px}.section-title{font-size:48px}}@media (max-width:768px){.scroll-section{padding:60px 30px}.section-title{font-size:36px}}@media (max-width:480px){.scroll-section{padding:40px 20px}.section-title{font-size:28px}.section-tag{font-size:12px;padding:4px 12px}}@media (prefers-reduced-motion:reduce){.shape{animation:none!important;transition:none!important}}.tech-description{font-size:1.1rem;color:#666;max-width:700px;margin:0 auto 2.5rem;text-align:center;line-height:1.6}.tech-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:1rem;padding:1.5rem 2rem;min-width:160px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px}.stat-card:before,.stat-value{background:linear-gradient(90deg,#ff451b,#ff7b5c)}.stat-value{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:.5rem;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.9rem;color:#666;font-weight:500}.tech-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.tech-filter-btn{padding:.6rem 1.2rem;border:none;background-color:#f5f5f5;color:#555;border-radius:2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.tech-filter-btn:hover{background-color:#eee;transform:translateY(-2px)}.tech-filter-btn.active{background-color:#ff451b;color:#fff;box-shadow:0 4px 12px rgba(255,69,27,.25)}.tech-categories{display:flex;flex-direction:column;gap:3.5rem;width:100%;max-width:1200px;margin:0 auto}.tech-category{width:100%;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#333;position:relative;padding-left:1rem;display:inline-block}.category-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.5rem;background-color:#ff451b;border-radius:2px}.tech-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}.tech-card{background:#fff;border-radius:1rem;padding:1.75rem 1.5rem;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:all .25s ease;position:relative;overflow:hidden;cursor:pointer}.tech-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#ff451b,#ff7b5c);opacity:0;transition:opacity .3s ease}.tech-card.hovered:before{opacity:1}.tech-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.1)}.tech-card.selected{box-shadow:0 15px 30px rgba(0,0,0,.12);transform:translateY(-8px)}.tech-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 1rem;transition:transform .3s ease}.tech-card.hovered .tech-icon{transform:scale(1.1)}.tech-card.selected .tech-icon{transform:scale(1.15)}.tech-label{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:1rem}.skill-level-container{width:100%;height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.skill-level-bar{height:100%;border-radius:3px;transition:width 1s ease-out}.skill-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-level-text{font-size:.85rem;color:#666;font-weight:500}.skill-years{font-size:.85rem;color:#ff451b;font-weight:600}.skill-details{position:absolute;inset:0;background:#ffffffee;backdrop-filter:blur(4px);padding:1rem 1rem .75rem;display:flex;align-items:center;justify-content:center;text-align:left;overflow-y:auto;border-radius:inherit;pointer-events:none}.skill-details p{font-size:.9rem;color:#333;line-height:1.45}@media (max-width:992px){.tech-stats{gap:1.5rem}.stat-card{padding:1.25rem 1.5rem;min-width:140px}.stat-value{font-size:2.2rem}}@media (max-width:768px){.tech-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}.tech-card{padding:1.5rem 1rem}.tech-icon{width:60px;height:60px}.tech-filters{gap:.75rem;margin-bottom:2.5rem}.tech-filter-btn{padding:.5rem 1rem;font-size:.85rem}.tech-stats{flex-direction:column;align-items:center;gap:1rem}.stat-card{width:100%;max-width:200px}}@media (max-width:480px){.tech-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.tech-card{padding:1.25rem .75rem}.tech-icon{width:50px;height:50px}.tech-label{font-size:.95rem}.category-title{font-size:1.3rem;margin-bottom:1.25rem}.tech-filters{gap:.5rem;margin-bottom:2rem}.tech-filter-btn{padding:.4rem .8rem;font-size:.8rem}.skill-meta{flex-direction:column;gap:.25rem}.stat-value{font-size:1.8rem}}