body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--dark-bg:#0f172a;--light-bg:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--accent:#f59e0b}body{background-color:#0f172a;background-color:var(--dark-bg);color:#f1f5f9;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App{overflow-x:hidden;position:relative}.antigravity-background{height:100vh;left:0;opacity:.3;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:0}section{position:relative;z-index:1}html{scroll-behavior:smooth}section{margin:0 auto;max-width:1200px;padding:80px 20px}h1,h2,h3{margin-bottom:20px}h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:50px;text-align:center}.btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 30px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.btn:hover{box-shadow:0 10px 20px #6366f14d;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #6366f1;border:2px solid var(--primary-color);color:#6366f1;color:var(--primary-color)}.btn-outline:hover{background:#6366f1;background:var(--primary-color);color:#fff}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width:768px){section{padding:60px 20px}h2{font-size:2rem}}.header{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(135deg,#0f172ad9,#1e293bd9);border-bottom:1px solid #6366f11a;left:0;padding:20px 0;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#6366f10d,#0000);content:"";inset:0;pointer-events:none;position:absolute}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.header.scrolled{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border-bottom:1px solid #6366f133;box-shadow:0 8px 32px #0006,0 0 80px #6366f11a;padding:12px 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.logo a{-webkit-text-fill-color:#0000;animation:gradient-shift 4s ease infinite;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),#a855f7);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:var(--text-primary);display:inline-block;font-size:1.6rem;font-weight:800;position:relative;text-decoration:none;transition:transform .3s ease}.logo a:hover{transform:scale(1.05)}.logo a:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));bottom:-3px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.logo a:hover:after{transform:scaleX(1)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.nav{display:flex;gap:35px}.nav,.nav a{position:relative}.nav a{color:var(--text-secondary);font-size:.95rem;font-weight:600;letter-spacing:.3px;padding:8px 4px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav a:hover{color:var(--primary-color);transform:translateY(-2px)}.nav a:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:0}.nav a:hover:after{width:100%}.nav a:before{background:radial-gradient(circle,#6366f126,#0000);border-radius:8px;content:"";inset:-4px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.nav a:hover:before{opacity:1}.hamburger{border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:10px;position:relative;transition:all .3s ease;z-index:1001}.hamburger:hover{background:#6366f11a}.hamburger span{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;box-shadow:0 0 10px #6366f14d;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.hamburger.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0;transform:translateX(20px)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}@media (max-width:768px){.hamburger{display:flex}.nav{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(180deg,#1e293bfa,#0f172afa);border-left:1px solid #6366f133;box-shadow:-10px 0 40px #00000080;flex-direction:column;gap:25px;height:calc(100vh - 70px);padding:40px 30px;position:fixed;right:-100%;top:70px;transition:right .4s cubic-bezier(.4,0,.2,1);width:280px}.nav:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.nav.mobile-active{right:0}.nav a{animation:slideIn .5s ease forwards;border-radius:12px;font-size:1.1rem;opacity:0;padding:15px 20px;transform:translateX(20px);transition:all .3s ease}.nav.mobile-active a{opacity:1;transform:translateX(0)}.nav.mobile-active a:first-child{animation-delay:.1s}.nav.mobile-active a:nth-child(2){animation-delay:.15s}.nav.mobile-active a:nth-child(3){animation-delay:.2s}.nav.mobile-active a:nth-child(4){animation-delay:.25s}.nav.mobile-active a:nth-child(5){animation-delay:.3s}.nav.mobile-active a:nth-child(6){animation-delay:.35s}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}.nav a:hover{background:#6366f126;padding-left:25px;transform:translateX(5px)}.nav a:after{border-radius:0 2px 2px 0;height:100%;left:0;transform:none;width:3px}.nav a:hover:after{width:3px}.nav a:before{display:none}.logo a{font-size:1.4rem}.nav.mobile-active:after{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;content:"";left:0;position:fixed;right:280px;top:70px}}@media (max-width:768px){@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.nav a.active{color:var(--primary-color)}.nav a.active:after{animation:pulse 2s infinite;width:100%}.hero{align-items:center;display:flex;gap:60px;justify-content:center;margin:0 auto;max-width:1400px;min-height:100vh;overflow:visible;padding:100px 40px 50px;position:relative}.hero:before{animation:pulse-bg 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf61a 0,#0000 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@keyframes pulse-bg{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero:after{animation:particle-float 20s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#6366f14d,#0000),radial-gradient(2px 2px at 60% 70%,#8b5cf64d,#0000),radial-gradient(1px 1px at 50% 50%,#a855f74d,#0000),radial-gradient(2px 2px at 80% 10%,#6366f14d,#0000),radial-gradient(1px 1px at 90% 60%,#8b5cf64d,#0000);background-position:0 0;background-size:200% 200%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@keyframes particle-float{0%,to{background-position:0 0}50%{background-position:100% 100%}}.hero-content{flex:1 1;max-width:600px;position:relative;z-index:1}.greeting{animation:slide-in-left .8s ease-out;color:var(--primary-color);display:inline-block;font-size:1.3rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;position:relative}.greeting:before{animation:wave 2s ease-in-out infinite;content:"👋";display:inline-block;margin-right:10px;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(14deg)}20%,40%,60%,80%{transform:rotate(-8deg)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.hero-title{animation:slide-in-left .8s ease-out .2s both;font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:15px}.name{-webkit-text-fill-color:#0000;animation:gradient-flow 5s ease infinite,text-glow 2s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),#a855f7);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:inline-block;position:relative}@keyframes gradient-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes text-glow{0%,to{filter:drop-shadow(0 0 20px rgba(99,102,241,.3))}50%{filter:drop-shadow(0 0 40px rgba(139,92,246,.6))}}.hero-subtitle{animation:slide-in-left .8s ease-out .4s both;animation:slide-in-left .8s ease-out .4s both,typing 3.5s steps(40) 1s both,blink-caret .75s step-end 1s infinite;border-right:3px solid var(--primary-color);color:var(--text-secondary);font-size:2rem;font-weight:600;letter-spacing:.5px;margin-bottom:25px;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--primary-color)}}.hero-description{animation:slide-in-left .8s ease-out .6s both;color:var(--text-secondary);font-size:1.15rem;line-height:1.9;margin-bottom:35px;padding-left:20px;position:relative}.hero-description:before{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.hero-buttons{animation:slide-in-left .8s ease-out .8s both;display:flex;flex-wrap:wrap;gap:20px}.hero-buttons .btn{overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-buttons .btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.hero-buttons .btn:hover:before{height:300px;width:300px}.hero-buttons .btn:hover{box-shadow:0 10px 40px #6366f166;transform:translateY(-3px)}.hero-buttons .btn-outline:hover{box-shadow:0 10px 40px #8b5cf64d}.hero-image{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:500px;position:relative;z-index:1}.image-placeholder{animation:float 6s ease-in-out infinite;flex-shrink:0;height:380px;position:relative;width:380px}.image-placeholder:before{animation:pulse-ring 3s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),#a855f7);border-radius:50%;content:"";filter:blur(30px);inset:-20px;opacity:.3;position:absolute;z-index:-1}@keyframes pulse-ring{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.image-placeholder:after{animation:rotate-border 4s linear infinite;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),#a855f7,var(--primary-color));background-size:200% 200%;border-radius:50%;content:"";inset:-5px;position:absolute;z-index:-1}@keyframes rotate-border{0%{background-position:0 0}to{background-position:200% 200%}}.image-placeholder img,.image-placeholder svg{animation:image-appear 1s ease-out .5s both;background:var(--bg-primary);border:5px solid var(--bg-primary);border-radius:50%;display:block;filter:drop-shadow(0 25px 50px rgba(99,102,241,.4));height:100%;object-fit:cover;position:relative;width:100%;z-index:1}@keyframes image-appear{0%{opacity:0;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.image-placeholder .orbit{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 0 20px #6366f1cc;height:12px;position:absolute;width:12px}.image-placeholder .orbit:first-child{animation:orbit 8s linear infinite;left:50%;top:10%}.image-placeholder .orbit:nth-child(2){animation:orbit 8s linear 2s infinite;right:10%;top:50%}.image-placeholder .orbit:nth-child(3){animation:orbit 8s linear 4s infinite;bottom:10%;left:50%}.image-placeholder .orbit:nth-child(4){animation:orbit 8s linear 6s infinite;left:10%;top:50%}@keyframes orbit{0%{transform:rotate(0deg) translateX(200px) rotate(0deg)}to{transform:rotate(1turn) translateX(200px) rotate(-1turn)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(2deg)}50%{transform:translateY(-25px) rotate(0deg)}75%{transform:translateY(-15px) rotate(-2deg)}}.scroll-indicator{animation:bounce 2s infinite;bottom:40px;cursor:pointer;left:50%;position:absolute;text-align:center;transform:translateX(-50%);transition:all .3s ease;z-index:1}.scroll-indicator:hover{transform:translateX(-50%) scale(1.1)}.mouse{background:#6366f10d;border:3px solid var(--primary-color);border-radius:20px;box-shadow:0 0 20px #6366f14d,inset 0 0 10px #6366f11a;height:55px;margin:0 auto 12px;position:relative;width:32px}.wheel{animation:scroll-wheel 2s infinite;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:3px;box-shadow:0 0 10px #6366f180;height:10px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:5px}@keyframes scroll-wheel{0%{opacity:1;top:10px}50%{opacity:.5}to{opacity:0;top:30px}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-15px)}}.scroll-indicator p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.hero-social{display:flex;flex-direction:column;gap:20px;left:20px;position:fixed;top:50%;transform:translateY(-50%);z-index:100}.hero-social a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f11a;border:2px solid #6366f14d;border-radius:50%;color:var(--primary-color);display:flex;height:45px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:45px}.hero-social a:hover{background:var(--primary-color);box-shadow:0 10px 30px #6366f166;color:#fff;transform:translateX(5px) scale(1.1)}@media (max-width:968px){.hero{flex-direction:column;gap:50px;padding-left:20px;padding-right:20px;padding-top:140px;text-align:center}.hero-content{max-width:100%}.hero-title{font-size:3rem}.hero-subtitle{animation:slide-in-left .8s ease-out .4s both;border-right:none;font-size:1.8rem;white-space:normal}.hero-description:before{display:none}.hero-description{padding-left:0}.hero-buttons{justify-content:center}.image-placeholder{height:320px;width:320px}.hero-social{flex-direction:row;justify-content:center;margin-top:30px;position:static;transform:none}.hero-social a:hover{transform:translateY(-5px) scale(1.1)}}@media (max-width:480px){.hero{padding-left:15px;padding-right:15px;padding-top:120px}.greeting{font-size:1.1rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.4rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}.image-placeholder{height:280px;width:280px}.scroll-indicator{bottom:20px}}@media (prefers-reduced-motion:reduce){.greeting:before,.hero:after,.hero:before,.image-placeholder,.image-placeholder:after,.image-placeholder:before,.name,.orbit,.scroll-indicator,.wheel{animation:none!important}.hero-subtitle{border-right:none}}.about{background:#0000;position:relative}.about-content{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-bottom:60px}.about-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:40px}.about-text p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:20px}.skills-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:40px}.skills-container h3{color:var(--text-primary);font-size:1.8rem;margin-bottom:30px}.skills{display:flex;flex-direction:column;gap:25px}.skill{width:100%}.skill-header{display:flex;justify-content:space-between;margin-bottom:8px}.skill-name{color:var(--text-primary);font-weight:600}.skill-percentage{color:var(--primary-color);font-weight:600}.skill-bar{background-color:#6366f126;border-radius:10px;box-shadow:inset 0 2px 4px #0000001a;height:10px;overflow:hidden;width:100%}.skill-progress{animation:fillSkill 1.5s ease-out;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:10px;box-shadow:0 0 10px #6366f180;height:100%;transition:width 1s ease-out}@keyframes fillSkill{0%{width:0}}.stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin-top:60px}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:30px;text-align:center}.stat-item:hover{background:#ffffff14;border-color:#6366f14d;box-shadow:0 12px 40px #6366f133;transform:translateY(-10px)}.stat-item h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:10px}.stat-item p{color:var(--text-secondary);font-size:1rem}@media (max-width:968px){.about-content{gap:40px;grid-template-columns:1fr}.about-text,.skills-container{padding:30px}.stats{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.about-text,.skills-container{padding:25px}.stats{grid-template-columns:1fr}.stat-item{padding:25px}.stat-item h3{font-size:2rem}}.tech-skills{padding:80px 0;position:relative}.section-header{animation:fadeInDown .6s ease-out;margin-bottom:60px;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:15px}.section-decoration{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:15px}.decoration-dot{animation:pulse 2s infinite;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;height:8px;width:8px}.decoration-line{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));height:2px;width:60px}.skills-categories{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:80px}.skill-category{animation:fadeInUp .6s ease-out forwards;opacity:0}.category-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin-bottom:25px;padding-bottom:15px;position:relative}.category-icon{filter:drop-shadow(0 2px 4px rgba(99,102,241,.3));font-size:1.8rem}.category-title:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skill-card{align-items:center;animation:fadeInUp .6s ease-out forwards;background:#ffffff08;border:1px solid #6366f126;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;opacity:0;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-card:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.skill-card:hover:before{left:100%}.skill-card:hover{background:#6366f114;border-color:var(--primary-color);box-shadow:0 15px 40px #6366f140;transform:translateY(-8px)}.skill-image-wrapper{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.skill-image{filter:drop-shadow(0 2px 8px rgba(99,102,241,.2));height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.skill-card:hover .skill-image{transform:scale(1.15) rotate(5deg)}.skill-fallback{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;color:#fff;display:flex;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;width:60px}.skill-name{text-align:center;width:100%}.skill-name span{color:var(--text-primary);display:block;font-size:.95rem;font-weight:500;line-height:1.3}.tech-stack-summary{animation:fadeInUp .8s ease-out;background:#ffffff05;border:1px solid #6366f126;border-radius:20px;overflow:hidden;padding:50px 40px;position:relative;text-align:center}.tech-stack-summary:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#6366f10d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.tech-stack-summary h3{color:var(--text-primary);font-size:2rem;margin-bottom:15px;position:relative;z-index:1}.stack-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:40px;position:relative;z-index:1}.stats-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:600px;position:relative;z-index:1}.stat-item{background:#6366f10d;border:1px solid #6366f133;border-radius:12px;padding:20px;transition:all .3s ease}.stat-item:hover{background:#6366f11a;border-color:var(--primary-color);box-shadow:0 10px 30px #6366f133;transform:translateY(-5px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{color:var(--text-secondary);font-size:1rem;font-weight:500}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.skills-categories{gap:40px;grid-template-columns:1fr}}@media (max-width:768px){.section-title{font-size:2rem}.skills-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.skill-card{padding:15px}.skill-image-wrapper{height:50px;width:50px}.category-title{font-size:1.3rem;justify-content:center}.category-title:after{left:50%;transform:translateX(-50%)}.tech-stack-summary{padding:40px 25px}.tech-stack-summary h3{font-size:1.6rem}.stack-description{font-size:1rem}.stat-number{font-size:2rem}}@media (max-width:480px){.section-title{font-size:1.8rem}.skills-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.skill-card{padding:12px}.skill-image-wrapper{height:40px;width:40px}.skill-name span{font-size:.85rem}.category-title{font-size:1.2rem}.category-icon{font-size:1.5rem}.tech-stack-summary h3{font-size:1.4rem}.stats-grid{gap:20px}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}}.experience{background:#0000;overflow:hidden;padding:80px 20px;position:relative}.experience h2{-webkit-text-fill-color:#0000;animation:fadeInDown 1s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:60px;position:relative;text-align:center;text-transform:uppercase}.experience h2:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-15px;box-shadow:0 0 20px #667eea80;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.timeline{margin:0 auto;max-width:1200px;padding:40px 0;position:relative}.timeline:before{background:linear-gradient(180deg,#667eea4d,#764ba2cc 50%,#667eea4d);border-radius:2px;box-shadow:0 0 20px #667eea66;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:4px}.timeline-item{animation:fadeInUp .8s ease-out backwards;box-sizing:border-box;padding:30px 50px;position:relative;width:50%}.timeline-item:first-child{animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item.left{left:0}.timeline-item.right{left:50%}.timeline-dot{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 0 0 4px #1a1a2e,0 0 0 8px #667eea4d,0 0 30px #667eea99;height:24px;position:absolute;top:40px;width:24px;z-index:2}.timeline-item.left .timeline-dot{right:-62px}.timeline-item.right .timeline-dot{left:-62px}.timeline-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e2ef2,#1a1a2ef2);border:1px solid #667eea33;border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 1px #667eea4d;padding:30px;position:relative;text-align:left;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.timeline-content:hover{border-color:#667eea80;box-shadow:0 20px 60px #667eea4d,0 0 2px #667eea80;transform:translateY(-8px) scale(1.02)}.timeline-content:before{background:linear-gradient(90deg,#667eea80,#667eea00);content:"";height:2px;position:absolute;top:46px;width:30px}.timeline-item.left .timeline-content:before{background:linear-gradient(90deg,#667eea00,#667eea80);right:-30px}.timeline-item.right .timeline-content:before{left:-30px}.experience-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.experience-title-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 10px}.company-info{display:flex;flex-direction:column;font-size:.95rem;gap:6px}.company{color:#a0aec0;font-size:1.1rem;font-weight:600}.location{color:#718096;font-size:.9rem}.experience-meta{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.period{background:#667eea26;border:1px solid #667eea4d;border-radius:20px;color:#cbd5e0;font-size:.95rem;font-weight:600;padding:6px 14px}.type{background:#764ba226;border:1px solid #764ba24d;border-radius:20px;color:#a0aec0;font-size:.85rem;padding:4px 12px}.description{color:#cbd5e0;font-size:1rem;line-height:1.7}.achievements,.description{margin-bottom:20px}.achievements h4{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:12px}.achievements h4:before{content:"🎯";font-size:1.2rem}.achievements ul{list-style:none;margin:0;padding:0}.achievements li{color:#a0aec0;font-size:.95rem;line-height:1.7;padding:10px 0 10px 30px;position:relative;transition:all .3s ease}.achievements li:hover{color:#cbd5e0;transform:translateX(5px)}.achievements li:before{color:#667eea;content:"▹";font-size:1.4rem;left:0;line-height:1.7;position:absolute}.technologies{border-top:1px solid #667eea33;padding-top:20px}.technologies strong{color:#fff;display:block;font-size:1rem;margin-bottom:12px}.tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;color:#cbd5e0;cursor:default;font-weight:500}.tech-tag:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea80;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.experience{padding:60px 15px}.experience h2{font-size:2.2rem}.timeline:before{left:30px}.timeline-item{left:0!important;padding:20px 20px 20px 70px;width:100%}.timeline-dot{left:18px!important;right:auto!important}.timeline-content:before{background:linear-gradient(90deg,#667eea00,#667eea80)!important;left:-40px!important;right:auto!important}.experience-header{flex-direction:column}.experience-header,.experience-meta{align-items:flex-start}.experience-title-section h3{font-size:1.3rem}.achievements li{padding-left:25px}}@media (max-width:480px){.experience h2{font-size:1.8rem}.timeline-content{padding:20px}.experience-title-section h3{font-size:1.2rem}.tech-tag{font-size:.8rem;padding:6px 12px}}.projects{background-color:var(--dark-bg);overflow:hidden;position:relative}.projects:before{background:radial-gradient(circle,#6366f11a 0,#0000 70%);border-radius:50%;content:"";height:500px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:500px}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:40px;margin-top:-30px;text-align:center}.filter-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.filter-btn{align-items:center;background-color:initial;border:2px solid var(--primary-color);border-radius:50px;color:var(--primary-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;overflow:hidden;padding:12px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.filter-btn:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0;z-index:-1}.filter-btn.active:before,.filter-btn:hover:before{height:300px;width:300px}.filter-btn.active,.filter-btn:hover{border-color:var(--secondary-color);box-shadow:0 10px 25px #6366f14d;color:#fff;transform:translateY(-3px)}.filter-icon{font-size:1.2rem;transition:transform .3s ease}.filter-btn:hover .filter-icon{transform:scale(1.2) rotate(10deg)}.projects-count{color:var(--text-secondary);font-size:.95rem;font-weight:500;letter-spacing:.5px;margin-bottom:40px;text-align:center}.projects-grid{grid-gap:35px;animation:fadeInUp .6s ease-out;display:grid;gap:35px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background:linear-gradient(145deg,var(--light-bg),#1e2130cc);border:1px solid #6366f11a;border-radius:15px;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:after{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.project-card:hover{border-color:#6366f166;box-shadow:0 25px 50px #6366f140;transform:translateY(-15px) scale(1.02)}.project-card:hover:after{opacity:1}.project-image{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);height:250px;overflow:hidden;position:relative;width:100%}.project-image img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover .project-image img{transform:scale(1.15) rotate(2deg)}.project-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#6366f1f2,#8b5cf6f2);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:25px;transform:translateY(20px);transition:transform .4s ease .1s}.project-card:hover .project-links{transform:translateY(0)}.project-link{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 5px 15px #0003;color:var(--primary-color);display:flex;height:55px;justify-content:center;text-decoration:none;transition:all .3s ease;width:55px}.project-link:hover{background:linear-gradient(135deg,#fff,#f3f4f6);box-shadow:0 8px 20px #0000004d;transform:scale(1.15) rotate(5deg)}.project-link svg{transition:all .3s ease}.project-link:hover svg{transform:scale(1.1)}.project-info{padding:30px;position:relative;z-index:1}.project-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),#fffc);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.6rem;font-weight:700;margin-bottom:12px;transition:all .3s ease}.project-card:hover .project-info h3{transform:translateX(5px)}.project-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:20px}.technologies{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f166;border-radius:20px;color:var(--primary-color);font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.tech-tag:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);box-shadow:0 5px 15px #6366f133;transform:translateY(-3px)}@media (max-width:1024px){.projects-grid{gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.projects-grid{gap:25px;grid-template-columns:1fr}.filter-buttons{gap:10px}.filter-btn{font-size:.9rem;padding:10px 20px}.section-subtitle{font-size:1rem}}@media (max-width:480px){.filter-buttons{align-items:stretch;flex-direction:column;padding:0 20px}.filter-btn{justify-content:center;width:100%}.project-info{padding:20px}.project-info h3{font-size:1.4rem}.project-image{height:200px}.projects:before{height:300px;width:300px}}.contact{background-color:initial;padding:80px 0;position:relative}.contact h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:60px;text-align:center}.contact-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.contact-info h3{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:20px}.contact-info>p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:40px}.contact-details{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.contact-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f10d;border:1px solid #6366f11a;border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.contact-item:hover{background:#6366f11a;border-color:#6366f14d;box-shadow:0 8px 20px #6366f126;transform:translateX(10px)}.contact-item .icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;box-shadow:0 4px 15px #6366f14d;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.contact-item .icon svg{color:#fff}.contact-item h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:5px}.contact-item p{color:var(--text-secondary);font-size:1rem}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background:#6366f114;border:2px solid #6366f133;border-radius:50%;color:var(--primary-color);display:flex;height:45px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:45px}.social-links a:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:-1}.social-links a:hover:before{transform:scale(1)}.social-links a:hover{border-color:#0000;box-shadow:0 8px 20px #6366f166;color:#fff;transform:translateY(-5px) rotate(5deg)}.social-links a svg{position:relative;z-index:1}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #6366f11a;border-radius:16px;gap:20px;padding:40px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{background:#6366f10d;border:2px solid #6366f11a;border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:15px 20px;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.form-group input:focus,.form-group textarea:focus{background:#6366f11a;border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f11a;outline:none;transform:translateY(-2px)}.form-group textarea{min-height:150px;resize:vertical}.contact-form .btn{align-self:flex-start;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:10px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:15px 40px;position:relative;transition:all .3s ease}.contact-form .btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact-form .btn:hover:before{left:100%}.contact-form .btn:hover{box-shadow:0 6px 25px #6366f180;transform:translateY(-3px)}.contact-form .btn:active{transform:translateY(-1px)}.contact-form .btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.contact-form .btn:disabled:hover{box-shadow:0 4px 15px #6366f14d}.submit-message{animation:slideIn .3s ease-out;border-radius:10px;font-weight:500;padding:15px 20px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-message.success{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid #10b9814d;color:#10b981}@media (max-width:968px){.contact-content{gap:40px;grid-template-columns:1fr}.contact-form{padding:30px}}@media (max-width:480px){.contact{padding:60px 0}.contact h2{font-size:2rem;margin-bottom:40px}.contact-info h3{font-size:1.5rem}.contact-item{flex-direction:column;text-align:center}.contact-item:hover{transform:translateY(-5px)}.social-links{justify-content:center}.contact-form{padding:20px}.contact-form .btn{width:100%}}.footer{background:#0000;border-top:1px solid #6366f126;overflow:hidden;padding:60px 20px 20px;position:relative}.footer:before{background:linear-gradient(180deg,#0000,#6366f105 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.footer-content{grid-gap:50px;display:grid;gap:50px;grid-template-columns:2fr 1fr 1fr;margin:0 auto 40px;max-width:1200px;position:relative;z-index:1}.footer-brand{animation:fadeInUp .6s ease-out}.footer-section h3,.footer-section h4{color:var(--text-primary);font-weight:600;margin-bottom:20px}.footer-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2rem;letter-spacing:-.5px;margin-bottom:16px}.footer-section h4{font-size:1.1rem;font-weight:500;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.footer-section p{color:var(--text-secondary);font-size:.95rem;line-height:1.8;opacity:.85}.footer-tagline{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f10d;border-left:3px solid var(--primary-color);border-radius:4px;display:flex;gap:10px;margin-top:20px;padding:12px 16px}.code-symbol{animation:pulse 2s ease-in-out infinite;color:var(--primary-color);font-size:1.2rem;font-weight:700}.footer-tagline span:last-child{color:var(--text-secondary);font-size:.9rem;font-style:italic}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:14px;padding-left:0;position:relative;transition:all .3s ease}.footer-section ul li:before{color:var(--primary-color);content:"▹";left:-20px;opacity:0;position:absolute;transition:all .3s ease}.footer-section ul li:hover:before{left:0;opacity:1}.footer-section ul li a{color:var(--text-secondary);display:inline-block;font-size:.95rem;padding-left:20px;position:relative;text-decoration:none;transition:all .3s ease}.footer-section ul li a:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));bottom:-2px;content:"";height:2px;left:20px;position:absolute;transition:width .3s ease;width:0}.footer-section ul li a:hover{color:var(--primary-color);transform:translateX(8px)}.footer-section ul li a:hover:after{width:calc(100% - 20px)}.footer-social{display:flex;flex-wrap:wrap;gap:15px}.social-link{align-items:center;background:#6366f114;border:2px solid #6366f14d;border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;height:45px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:45px}.social-link:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:-1}.social-link:hover:before{transform:translate(-50%,-50%) scale(1)}.social-link:hover{border-color:#0000;box-shadow:0 8px 20px #6366f14d;color:#fff;transform:translateY(-5px) scale(1.1)}.social-link svg{position:relative;transition:transform .3s ease;z-index:1}.social-link:hover svg{transform:rotate(1turn)}.social-tooltip{background:#000000e6;border-radius:6px;bottom:120%;color:#fff;font-size:.75rem;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(10px);transition:all .3s ease;white-space:nowrap;z-index:10}.social-tooltip:after{border:6px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.social-link:hover .social-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.footer-divider{background:linear-gradient(90deg,#0000,#6366f133 20%,#6366f180 50%,#6366f133 80%,#0000);height:1px;margin:40px auto 30px}.footer-bottom,.footer-divider{max-width:1200px;position:relative;z-index:1}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin:0 auto;text-align:center}.footer-bottom p{color:var(--text-secondary);font-size:.9rem;margin:0;opacity:.7}.copyright{font-weight:400}.built-with{align-items:center;display:flex;gap:6px}.heart{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-weight:600;position:relative}.heart:before{animation:heartbeat 1.5s ease-in-out infinite;color:#ff4757;content:"♥";left:-20px;position:absolute}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1.05)}}@media (max-width:968px){.footer-content{gap:40px;grid-template-columns:1fr 1fr}.footer-section:first-child{grid-column:1/-1}.footer-section h3{font-size:1.8rem}}@media (max-width:640px){.footer{padding:50px 20px 20px}.footer-content{gap:35px;grid-template-columns:1fr;text-align:center}.footer-section:first-child{grid-column:1}.footer-section h3{font-size:1.6rem}.footer-tagline{justify-content:center}.footer-section ul li:before{display:none}.footer-section ul li a{padding-left:0}.footer-section ul li a:after{left:50%;transform:translateX(-50%)}.footer-section ul li a:hover{transform:none}.footer-social{justify-content:center}.footer-bottom{flex-direction:column;gap:10px;text-align:center}.heart:before{left:-18px}}@media (max-width:480px){.footer-section h3{font-size:1.5rem}.footer-section h4{font-size:1rem}.social-link{height:42px;width:42px}.social-link svg{height:18px;width:18px}}
/*# sourceMappingURL=main.66a9ea4e.css.map*/