@import url(https://fonts.googleapis.com/css2?family=Karla&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Serif&display=swap);*{box-sizing:border-box;font-family:Karla,sans-serif;font-size:62.5%;margin:0;padding:0}html{scroll-behavior:smooth}.c-scrollbar{-webkit-transform-origin:center right;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.c-scrollbar:hover{-webkit-transform:scaleX(1.45)}.c-scrollbar.c-scrollbar_show{opacity:1}.cen-skl{padding:30px 0;text-align:center}.cen-skl h1{color:#fff;font-size:6rem;font-weight:900;text-transform:uppercase}[data-scroll-container]:after,[data-scroll-container]:before{display:none!important}[data-scroll-container]{background:none!important}.c-scrollbar,.c-scrollbar_thumb{display:none!important}body,html{overflow-x:hidden!important}.modern-header-container{overflow:hidden;position:relative}.modern-header-container .c-scrollbar,.modern-header-container .c-scrollbar_thumb,.modern-header-container [data-scroll-container]:after,.modern-header-container [data-scroll-container]:before{display:none!important}.modern-header-container [data-scroll-container]{background:none!important;overflow:hidden!important}[data-scroll-container]{overflow:hidden!important}.modern-header{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.modern-header:after{background:linear-gradient(180deg,transparent 0,rgba(15,15,35,.1) 50%,rgba(15,15,35,.3));height:80px;z-index:2}.modern-header:after,.modern-header:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0}.modern-header:before{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0,transparent 50%);top:0}.hero-section{align-items:center;display:flex;flex:1 1;justify-content:center;padding:120px 40px 80px;position:relative;z-index:1}.hero-content{grid-gap:100px;align-items:center;display:grid;gap:100px;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.personal-details{-webkit-animation:fadeInUp 1s ease-out .4s both;animation:fadeInUp 1s ease-out .4s both}.greeting-badge{-webkit-animation:fadeInUp 1s ease-out .6s both;animation:fadeInUp 1s ease-out .6s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;display:inline-block;margin-bottom:24px;padding:8px 24px}.greeting-badge span{color:#fff;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.hero-title{-webkit-animation:fadeInUp 1s ease-out .8s both;animation:fadeInUp 1s ease-out .8s both;margin-bottom:40px}.name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:block;font-size:5rem;font-weight:900;line-height:1.1;margin-bottom:16px}.title-text{color:#fff;display:block;font-size:3.5rem;font-weight:400;line-height:1.3}.title-curly{font-family:Karla,sans-serif;font-weight:400}.title-highlight{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700}.hero-buttons{-webkit-animation:fadeInUp 1s ease-out 1s both;animation:fadeInUp 1s ease-out 1s both;display:flex;gap:20px}.contact-dropdown-container{display:inline-block;min-width:280px;position:relative}.primary-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .3s ease}.primary-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.primary-btn:hover:before{left:100%}.primary-btn:hover{box-shadow:0 10px 30px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.secondary-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:8px;padding:16px 32px;position:relative;text-decoration:none;transition:all .3s ease}.dropdown-arrow{font-size:12px;margin-left:4px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.dropdown-arrow.open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.secondary-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.contact-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(15,15,35,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);left:0;margin-top:4px;min-width:280px;opacity:0;overflow:visible;position:absolute;right:0;top:100%;-webkit-transform:translateY(-10px) scale(.95);transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:-webkit-max-content;width:max-content;z-index:1000}.contact-dropdown.open{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);visibility:visible}.dropdown-content{padding:8px}.dropdown-item{align-items:center;background:transparent;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;overflow:visible;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease;white-space:nowrap;width:100%}.dropdown-item:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.dropdown-item:hover:before{left:100%}.dropdown-item:hover{background:hsla(0,0%,100%,.1);color:#fff;-webkit-transform:translateX(4px);transform:translateX(4px)}.dropdown-item i{font-size:18px;text-align:center;width:20px}.dropdown-item:first-child i{color:#25d366}.dropdown-item:nth-child(2) i{color:#0077b5}.dropdown-item:nth-child(3) i{color:#ea4335}.profile-section{-webkit-animation:fadeInUp 1s ease-out .6s both;animation:fadeInUp 1s ease-out .6s both}.profile-picture,.profile-section{align-items:center;display:flex;justify-content:center;position:relative}.profile-picture{height:500px;width:400px}.profile-image{box-shadow:0 20px 40px rgba(102,126,234,.3);overflow:hidden;position:relative}.profile-image,.profile-photo{border-radius:20px;height:100%;width:100%}.profile-photo{box-shadow:inset 0 0 20px rgba(0,0,0,.3);-webkit-filter:grayscale(100%) contrast(1.1);filter:grayscale(100%) contrast(1.1);object-fit:cover;transition:all .3s ease}.profile-photo:hover{box-shadow:inset 0 0 30px rgba(0,0,0,.4);-webkit-filter:grayscale(80%) contrast(1.2);filter:grayscale(80%) contrast(1.2)}.scroll-indicator{-webkit-animation:fadeInUp 1s ease-out 1.2s both;animation:fadeInUp 1s ease-out 1.2s both;margin-bottom:-30px;margin-top:-30px;position:relative;z-index:10}.scroll-arrow,.scroll-indicator{align-items:center;display:flex;justify-content:center}.scroll-arrow{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;cursor:pointer;height:60px;transition:all .3s ease;width:60px}.scroll-arrow:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.arrow-down{border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #fff;height:0;transition:all .3s ease;width:0}.scroll-arrow:hover .arrow-down{border-top-color:#667eea;-webkit-transform:translateY(2px);transform:translateY(2px)}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@media screen and (max-width:1200px){.hero-content{gap:80px}.name{font-size:4.5rem}.title-text{font-size:2.8rem}.profile-picture{height:450px;width:350px}}@media screen and (max-width:768px){.hero-section{padding:100px 20px 60px}.hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.name{font-size:4rem}.title-text{font-size:2.4rem}.profile-picture{height:400px;width:300px}.hero-buttons{flex-wrap:wrap;justify-content:center}.contact-dropdown{left:50%;min-width:300px;-webkit-transform:translateX(-50%) translateY(-10px) scale(.95);transform:translateX(-50%) translateY(-10px) scale(.95);width:-webkit-max-content;width:max-content}.contact-dropdown.open{-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1)}}@media screen and (max-width:480px){.name{font-size:3.5rem}.title-text{font-size:2rem}.profile-picture{height:350px;width:250px}.primary-btn,.secondary-btn{font-size:16px;padding:14px 24px}.hero-buttons{align-items:center;flex-direction:column}.contact-dropdown{left:50%;min-width:280px;-webkit-transform:translateX(-50%) translateY(-10px) scale(.95);transform:translateX(-50%) translateY(-10px) scale(.95);width:-webkit-max-content;width:max-content}.contact-dropdown.open{-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1)}.dropdown-item{font-size:14px;padding:10px 14px}}.center-nav{align-items:center;display:flex;justify-content:space-evenly;left:0;position:fixed;top:0;width:100%;z-index:999}.center-nav.active{background:#111;transition:.3s}.navItems{color:#fff;display:flex;font-size:3.7rem;list-style:none;margin:25px;z-index:2}.links{color:#fff;font-weight:600;padding:0 2.3rem;position:relative;text-decoration:none;text-transform:uppercase;transition:.2s}.links:hover{color:#ffffff6b}.navB{padding-top:3rem;position:relative}.hamIcon{color:#fff}.ham,.mobileNav{display:none}.mobileNav{text-align:center;z-index:999}.mobileNavItems{background:#111;list-style:none}.mobileNavItems li{font-size:4rem;padding:.6rem 0}.links2{color:#fff;font-family:"IBM Plex Serif",serif;font-weight:bolder;padding:0 2.3rem;position:relative;text-decoration:none;text-transform:uppercase;transition:.2s}.links2:hover{color:#ffffff6b}@media screen and (max-width:1025px){.links{display:none}.ham{display:inline-block}.mobileNav{display:block;left:0;margin:0;position:absolute;position:fixed;transition:all .3s cubic-bezier(.445,.05,.55,.95);width:100%}}@media screen and (max-width:664px){.logo{width:140px}}:root{--txt-blk:#111}.sec-text{color:#111;margin:20px 150px;text-shadow:2px 0 #111}.sec-text,.sec-text span{font-size:10rem;font-size:12rem;font-weight:900;letter-spacing:2px}.sec-text span{color:#fff;text-shadow:-2px 0 #111,0 2px #111,2px 0 #111,0 -2px #111;text-shadow:-2px 0 var(--txt-blk),0 2px var(--txt-blk),2px 0 var(--txt-blk),0 -2px var(--txt-blk)}.abt-me-txt-div{display:flex;margin:60px}.empty{width:600px}.abt-me-txt{font-size:2rem;max-width:800px}@media screen and (max-width:966px){.sec-text,.sec-text span{font-size:8rem};}@media screen and (max-width:785px){.abt-me-txt{font-size:1.6rem}}@media screen and (max-width:750px){.sec-text,.sec-text span{font-size:6rem}}@media screen and (max-width:642px){.sec-text{margin:20px 120px}.sec-text,.sec-text span{font-size:4rem}}@media screen and (max-width:473px){.sec-text{width:300px}.abt-me-txt-div{flex-direction:column;margin:30px}}@media screen and (max-width:423px){.sec-text{margin:40px 0 0 30px}@media screen and (max-width:330px){.sec-text{font-size:2rem;margin:0}}}.section-divider{background:linear-gradient(90deg,transparent,rgba(102,126,234,.2) 20%,rgba(102,126,234,.4) 50%,rgba(102,126,234,.2) 80%,transparent);height:2px;margin:0;opacity:.6;position:relative}.section-divider:before{background:#667eea;border-radius:50%;box-shadow:0 0 8px rgba(102,126,234,.4);content:"";height:3px;left:50%;opacity:.8;position:absolute;top:-1px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:3px}.projects-section{background:linear-gradient(135deg,#16213e,#1a1a2e 50%,#0f0f23);overflow:hidden;padding:60px 0 120px;position:relative}.projects-section:before{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0,transparent 50%);top:0}.projects-section:after{background:linear-gradient(180deg,rgba(15,15,35,.3) 0,rgba(15,15,35,.1) 50%,transparent);top:0}.projects-section:after,.projects-section:before{content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.projects-section:before{background:linear-gradient(0deg,rgba(15,15,35,.3) 0,rgba(15,15,35,.1) 50%,transparent);bottom:0}.projects-container{margin:0 auto;max-width:1400px;padding:0 40px;position:relative;z-index:1}.projects-header{margin-bottom:80px;text-align:center}.projects-title{-webkit-animation:fadeInUp .8s ease-out .2s both;animation:fadeInUp .8s ease-out .2s both;color:#fff;font-family:Dancing Script,cursive;font-size:4.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.projects-subtitle{-webkit-animation:fadeInUp .8s ease-out .4s both;animation:fadeInUp .8s ease-out .4s both;color:hsla(0,0%,100%,.7);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:80px}.project-card{-webkit-animation:fadeInUp .8s ease-out var(--delay) both;animation:fadeInUp .8s ease-out var(--delay) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.project-card:hover:before{opacity:1}.project-card:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.project-card-inner{padding:0}.project-image-container{height:280px;overflow:hidden;position:relative}.project-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover .project-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.project-overlay{align-items:center;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 50%,rgba(0,0,0,.8));bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:16px}.project-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;display:flex;font-size:18px;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.project-link:hover{background:hsla(0,0%,100%,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.project-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;padding:8px 16px;position:absolute;right:20px;text-transform:uppercase;top:20px}.project-content{padding:32px}.project-tech{color:#667eea;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.project-title{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:8px}.project-subtitle{color:hsla(0,0%,100%,.8);font-size:1.1rem;font-weight:500;margin-bottom:16px}.project-description{color:hsla(0,0%,100%,.7);font-size:15px;line-height:1.6;margin-bottom:24px}.project-footer{border-top:1px solid hsla(0,0%,100%,.1);padding-top:20px}.project-stats{display:flex;gap:32px}.stat{text-align:center}.stat-number{color:#667eea;display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.stat-label{color:hsla(0,0%,100%,.6);font-size:12px;letter-spacing:1px;text-transform:uppercase}.projects-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:60px 0;text-align:center}.projects-cta p{color:hsla(0,0%,100%,.8);font-size:1.2rem;margin-bottom:24px}@media screen and (max-width:1200px){.projects-grid{gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.projects-title{font-size:3.5rem}}@media screen and (max-width:768px){.projects-section{padding:80px 0}.projects-container{padding:0 20px}.projects-grid{gap:24px;grid-template-columns:1fr}.projects-title{font-size:2.8rem}.projects-subtitle{font-size:1.1rem}.project-content{padding:24px}.project-title{font-size:1.6rem}.project-stats{gap:24px}}@media screen and (max-width:480px){.projects-title{font-size:2.2rem}.project-image-container{height:220px}.project-content{padding:20px}.project-links{gap:12px}.project-link{font-size:16px;height:44px;width:44px}}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tech-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;cursor:pointer;display:flex;gap:6px;padding:6px 12px;transition:all .3s ease}.tech-item:hover{background:hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tech-icon{font-size:14px;line-height:1}.tech-icon-svg{color:#fff;height:16px;width:16px}.tech-name{color:#fff;font-size:12px;font-weight:500;white-space:nowrap}@media screen and (max-width:768px){.tech-stack{gap:6px}.tech-item{padding:4px 8px}.tech-name{font-size:11px}.tech-icon{font-size:12px}}@media screen and (max-width:480px){.tech-stack{gap:4px}.tech-item{padding:3px 6px}.tech-name{font-size:10px}}.modern-skills-section{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);overflow:hidden;padding:120px 0 60px;position:relative}.modern-skills-section:before{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0,transparent 50%);top:0}.modern-skills-section:after{background:linear-gradient(180deg,rgba(22,33,62,.3) 0,rgba(22,33,62,.1) 50%,transparent);top:0}.modern-skills-section:after,.modern-skills-section:before{content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.modern-skills-section:before{background:linear-gradient(0deg,rgba(15,15,35,.3) 0,rgba(15,15,35,.1) 50%,transparent);bottom:0}.skills-container{margin:0 auto;max-width:1400px;padding:0 40px;position:relative;z-index:1}.skills-header{margin-bottom:60px;text-align:center}.skills-title{-webkit-animation:fadeInUp .8s ease-out .2s both;animation:fadeInUp .8s ease-out .2s both;color:#fff;font-family:Dancing Script,cursive;font-size:4.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.skills-subtitle{-webkit-animation:fadeInUp .8s ease-out .4s both;animation:fadeInUp .8s ease-out .4s both;color:hsla(0,0%,100%,.7);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.skills-categories{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:60px}.category-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:50px;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.category-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.category-btn:hover:before{left:100%}.category-btn:hover{border-color:hsla(0,0%,100%,.2);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;box-shadow:0 8px 25px rgba(102,126,234,.3);color:#fff}.category-count{background:hsla(0,0%,100%,.2);border-radius:12px;font-size:12px;min-width:20px;padding:2px 8px;text-align:center}.category-btn.active .category-count{background:hsla(0,0%,100%,.3)}.skills-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:80px}.skill-card{-webkit-animation:fadeInUp .8s ease-out var(--delay) both;animation:fadeInUp .8s ease-out var(--delay) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.skill-card:hover:before{opacity:1}.skill-card:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.skill-card-inner{padding:32px}.skill-header{align-items:center;display:flex;gap:20px;margin-bottom:24px}.skill-icon-container{align-items:center;border-radius:16px;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.skill-icon-container:before{background:hsla(0,0%,100%,.1);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.skill-card:hover .skill-icon-container:before{opacity:1}.skill-icon{color:#fff;height:32px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:32px}.skill-card:hover .skill-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.skill-info{flex:1 1}.skill-name{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:4px}.skill-category{color:#667eea;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.skill-progress{align-items:center;display:flex;gap:16px;margin-bottom:20px}.progress-bar{background:hsla(0,0%,100%,.1);flex:1 1;height:8px}.progress-bar,.progress-fill{border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;transition:width 1s ease-out}.progress-fill:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.proficiency-text{color:#667eea;font-size:14px;font-weight:700;min-width:40px;text-align:right}.skill-description{color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.6;margin-bottom:24px}.skill-footer{border-top:1px solid hsla(0,0%,100%,.1);padding-top:20px}.skill-stats{display:flex;gap:24px}.stat{align-items:center;display:flex;gap:8px}.stat-icon{stroke-width:1.5;color:#fff;font-size:16px}.stat-text{color:hsla(0,0%,100%,.6);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.skills-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:60px 0;text-align:center}.cta-content h3{font-size:2rem}.cta-content p{font-size:1.1rem}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@media screen and (max-width:1200px){.skills-grid{gap:28px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.skills-title{font-size:3.5rem}}@media screen and (max-width:768px){.modern-skills-section{padding:80px 0}.skills-container{padding:0 20px}.skills-grid{gap:24px;grid-template-columns:1fr}.skills-title{font-size:2.8rem}.skills-subtitle{font-size:1.1rem}.skill-card-inner{padding:24px}.skill-header{gap:16px}.skill-icon-container{height:50px;width:50px}.skill-icon{height:28px;width:28px}.skills-categories{gap:12px}.category-btn{font-size:13px;padding:10px 20px}}@media screen and (max-width:480px){.skills-title{font-size:2.2rem}.skill-card-inner{padding:20px}.skill-name{font-size:1.3rem}.skill-stats{gap:16px}.cta-content h3{font-size:1.6rem}}.modern-about-section{background:linear-gradient(135deg,#0f0f23,#1a1a2e 30%,#16213e 70%,#0f0f23);overflow:hidden;padding:120px 0;position:relative}.modern-about-section:before{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0,transparent 50%);top:0}.modern-about-section:after{background:linear-gradient(180deg,rgba(15,15,35,.3) 0,rgba(15,15,35,.1) 50%,transparent);top:0}.modern-about-section:after,.modern-about-section:before{content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.modern-about-section:before{background:linear-gradient(0deg,rgba(22,33,62,.3) 0,rgba(22,33,62,.1) 50%,transparent);bottom:0}.about-container{margin:0 auto;max-width:1400px;padding:0 40px;position:relative;z-index:1}.about-header{margin-bottom:80px;text-align:center}.about-title{-webkit-animation:fadeInUp .8s ease-out .2s both;animation:fadeInUp .8s ease-out .2s both;color:#fff;font-family:Dancing Script,cursive;font-size:4.5rem;font-weight:700;line-height:1.1;margin-bottom:12px}.about-subtitle{-webkit-animation:fadeInUp .8s ease-out .4s both;animation:fadeInUp .8s ease-out .4s both;color:hsla(0,0%,100%,.7);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:700px}.about-content{margin-bottom:80px}.about-main-text{-webkit-animation:fadeInUp .8s ease-out .6s both;animation:fadeInUp .8s ease-out .6s both;margin-bottom:40px}.text-container{margin:-20px auto 0;max-width:800px;text-align:center}.main-description{color:hsla(0,0%,100%,.8);font-size:1.6rem;line-height:1.7;margin:0}.about-cards-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.about-card{-webkit-animation:fadeInUp .8s ease-out var(--delay) both;animation:fadeInUp .8s ease-out var(--delay) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.about-card:hover:before{opacity:1}.about-card:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.card-inner{padding:32px}.card-header{justify-content:space-between;margin-bottom:20px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{border-radius:16px;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.card-icon-svg{color:#fff;display:block;font-size:28px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.card-icon:before{background:hsla(0,0%,100%,.1);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.about-card:hover .card-icon:before{opacity:1}.card-icon i{color:#fff!important;font-size:28px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.about-card:hover .card-icon-svg{-webkit-transform:scale(1.1);transform:scale(1.1)}.card-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#667eea;font-size:12px;font-weight:700;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.card-title{color:#fff;font-size:1.7rem;font-weight:700;line-height:1.2;margin-bottom:12px}.card-description{color:hsla(0,0%,100%,.7);font-size:15px;line-height:1.6;margin:0}.achievements-section{-webkit-animation:fadeInUp .8s ease-out 1s both;animation:fadeInUp .8s ease-out 1s both;margin-bottom:80px}.achievements-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.achievement-item{-webkit-animation:fadeInUp .8s ease-out var(--delay) both;animation:fadeInUp .8s ease-out var(--delay) both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.achievement-item:hover{border-color:rgba(102,126,234,.3);box-shadow:0 10px 30px rgba(102,126,234,.2);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.achievement-icon{display:block;font-size:2.5rem;margin-bottom:16px}.achievement-icon-svg{color:#667eea;font-size:2.5rem}.achievement-number{color:#667eea;font-size:2.8rem;font-weight:800;line-height:1;margin-bottom:8px}.achievement-label{color:hsla(0,0%,100%,.7);font-size:15px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.about-cta{-webkit-animation:fadeInUp .8s ease-out 1.2s both;animation:fadeInUp .8s ease-out 1.2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:60px 0;text-align:center}.cta-content h3{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:12px}.cta-content p{color:hsla(0,0%,100%,.7);font-size:1.2rem;margin-bottom:32px}.cta-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:12px;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .3s ease}.cta-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-button:hover:before{left:100%}.cta-button:hover{box-shadow:0 10px 30px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media screen and (max-width:1200px){.about-cards-grid{gap:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.about-title{font-size:3.5rem}}@media screen and (max-width:768px){.modern-about-section{padding:80px 0}.about-container{padding:0 20px}.about-cards-grid{gap:24px;grid-template-columns:1fr}.about-title{font-size:2.8rem}.about-subtitle{font-size:1.1rem}.main-description{font-size:1.4rem}.card-inner{padding:24px}.achievements-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.achievement-item{padding:30px 15px}}@media screen and (max-width:480px){.about-title{font-size:2.2rem}.card-inner{padding:20px}.achievements-grid{grid-template-columns:1fr}.achievement-number{font-size:2.2rem}.cta-content h3{font-size:1.6rem}}.hire-me-section{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);overflow:hidden;padding:120px 0;position:relative}.hire-me-section:before{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0,transparent 50%);bottom:0}.hire-me-section:after,.hire-me-section:before{content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hire-me-section:after{background:linear-gradient(180deg,rgba(15,15,35,.3) 0,rgba(15,15,35,.1) 50%,transparent);height:60px;z-index:1}.hire-me-container{margin:0 auto;max-width:1200px;padding:0 40px;position:relative;z-index:1}.hire-me-content{text-align:center}.hire-me-header{margin-bottom:80px}.section-badge{-webkit-animation:fadeInUp .8s ease-out;animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;display:inline-block;margin-bottom:24px;padding:8px 24px}.section-badge span{color:#fff;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.hire-me-title{-webkit-animation:fadeInUp .8s ease-out .2s both;animation:fadeInUp .8s ease-out .2s both;color:#fff;font-family:Dancing Script,cursive;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:inherit}.hire-me-description{-webkit-animation:fadeInUp .8s ease-out .4s both;animation:fadeInUp .8s ease-out .4s both;color:hsla(0,0%,100%,.7);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:800px}.hire-me-features{-webkit-animation:fadeInUp .8s ease-out .6s both;animation:fadeInUp .8s ease-out .6s both;margin-bottom:80px}.feature-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.feature-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:40px 30px;text-align:center;transition:all .3s ease}.feature-item:hover{border-color:rgba(102,126,234,.3);box-shadow:0 20px 40px rgba(102,126,234,.2);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.feature-icon{display:block;font-size:3rem;margin-bottom:20px}.feature-item h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:12px}.feature-item p{color:hsla(0,0%,100%,.7);font-size:15px;line-height:1.5}.hire-me-cta{-webkit-animation:fadeInUp .8s ease-out .8s both;animation:fadeInUp .8s ease-out .8s both}.cta-buttons{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:40px}.primary-cta-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;display:flex;font-size:18px;font-weight:600;gap:12px;overflow:hidden;padding:18px 36px;position:relative;text-decoration:none;transition:all .3s ease}.primary-cta-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.primary-cta-btn:hover:before{left:100%}.primary-cta-btn:hover{box-shadow:0 10px 30px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.secondary-cta-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;display:flex;font-size:18px;font-weight:600;gap:12px;padding:18px 36px;text-decoration:none;transition:all .3s ease}.secondary-cta-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.contact-info{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.contact-item{align-items:center;color:hsla(0,0%,100%,.7);display:flex;font-size:15px;gap:12px}.contact-item i{color:#667eea;font-size:18px}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:768px){.hire-me-section{padding:80px 0}.hire-me-container{padding:0 20px}.hire-me-title{font-size:2.8rem}.hire-me-description{font-size:1.1rem}.feature-grid{gap:24px;grid-template-columns:1fr}.feature-item{padding:30px 20px}.cta-buttons{align-items:center;flex-direction:column}.contact-info{flex-direction:column;gap:16px}}@media screen and (max-width:480px){.hire-me-title{font-size:2.2rem}.feature-item{padding:24px 16px}.primary-cta-btn,.secondary-cta-btn{font-size:16px;padding:16px 28px}}.feature-icon-svg{color:#fff;height:32px;width:32px}.cta-icon{color:#fff;height:20px;width:20px}.contact-icon{color:#fff;height:18px;margin-right:8px;width:18px}.error{font-size:5.3rem}.really{font-size:1.6rem;letter-spacing:3px;margin-top:30px;padding:10px 15px}@media screen and (max-width:556px){.error{font-size:3rem}}
/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:-webkit-grab;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}.custom-cursor{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:20px;mix-blend-mode:difference;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;width:20px;z-index:9999}.custom-cursor,.custom-cursor-follower{opacity:0;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.custom-cursor-follower{border:2px solid rgba(102,126,234,.3);border-radius:50%;height:40px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:40px;z-index:9998}*{cursor:none!important}input[type=email],input[type=password],input[type=text],textarea{cursor:text!important}[data-cursor=pointer]:hover,a:hover,button:hover{cursor:none!important}@media (max-width:768px){.custom-cursor,.custom-cursor-follower{display:none}*{cursor:auto!important}}
/*# sourceMappingURL=main.8e49e70a.css.map*/