:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#2c3e50;--text-secondary:#6c757d;--accent-primary:#007bff;--accent-secondary:#6f42c1;--accent-gradient:linear-gradient(135deg,#007bff,#6f42c1);--border-color:#e9ecef;--shadow:0 4px 6px rgba(0,0,0,.1);--shadow-hover:0 8px 25px rgba(0,0,0,.15)}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#fff;--text-secondary:#b0b0b0;--accent-primary:#4dabf7;--accent-secondary:#9775fa;--accent-gradient:linear-gradient(135deg,#4dabf7,#9775fa);--border-color:#404040;--shadow:0 4px 6px rgba(0,0,0,.3);--shadow-hover:0 8px 25px rgba(0,0,0,.4)}.app{background-color:#fff;background-color:var(--bg-primary);color:#2c3e50;color:var(--text-primary);min-height:100vh;transition:all .3s ease}html{scroll-behavior:smooth}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0;overflow-x:hidden;padding:0}.container{padding:0 1rem}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0 0 1rem}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h2,h3{font-weight:600}h3{font-size:clamp(1.25rem,3vw,2rem)}h4{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:500}p{font-size:clamp(.9rem,2vw,1.1rem);margin:0 0 1rem}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}@media (max-width:640px){.container{padding:0 .75rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.flex-col-mobile{flex-direction:column}.text-center-mobile{text-align:center}.hidden-mobile{display:none}}@media (min-width:641px) and (max-width:768px){.container{padding:0 1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 1.5rem}.grid-3,.grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.container{padding:0 2rem}.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px){.container{max-width:1400px}}.section{scroll-margin-top:80px}.hero-animation{-webkit-animation:heroFadeIn 1s ease-out;animation:heroFadeIn 1s ease-out}@-webkit-keyframes heroFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes heroFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.skill-bar{width:0}.skill-bar.animate{width:var(--skill-width)}.project-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}.timeline-item{padding-left:2rem;position:relative}.timeline-item:before{background:linear-gradient(135deg,#007bff,#6f42c1);background:var(--accent-gradient);border-radius:50%;height:12px;top:0;width:12px}.timeline-item:after,.timeline-item:before{content:"";left:0;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.timeline-item:after{background:#e9ecef;background:var(--border-color);height:calc(100% + 1rem);top:12px;width:2px}.timeline-item:last-child:after{display:none}.form-group{margin-bottom:1.5rem;position:relative}.form-input{background:#f8f9fa;background:var(--bg-secondary);border:2px solid #e9ecef;border:2px solid var(--border-color);border-radius:.5rem;color:#2c3e50;color:var(--text-primary);font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:#007bff;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-label{color:var(--text-muted);left:1rem;pointer-events:none;position:absolute;top:1rem;transition:all .3s ease}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{background:#fff;background:var(--bg-primary);color:#007bff;color:var(--accent-primary);font-size:.875rem;left:.75rem;padding:0 .25rem;top:-.5rem}.theme-toggle{background:#f8f9fa;border:1px solid #e9ecef;border:1px solid var(--border-color);box-shadow:var(--shadow-md);height:50px;position:fixed;right:2rem;top:2rem;width:50px;z-index:1000}.theme-toggle:hover{box-shadow:var(--shadow-lg)}@media (max-width:768px){.theme-toggle{height:45px;right:1rem;top:1rem;width:45px}.timeline-item{padding-left:1.5rem}.timeline-item:before{height:10px;width:10px}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-bottom:1px solid var(--border-color);left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header.scrolled{background:hsla(0,0%,100%,.98);box-shadow:var(--shadow)}.header.dark{background:rgba(15,23,42,.95)}.header.dark.scrolled{background:rgba(15,23,42,.98)}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.75rem 1rem;position:relative}.nav__logo{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;z-index:1001}.nav__logo a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.logo-text{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text}.nav__menu{align-items:center;display:flex;gap:2rem}.nav__toggle{flex-direction:column;padding:.5rem}.nav__toggle span{background:var(--text-primary);border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}.nav__toggle.active span:first-child{-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.nav__toggle.active span:nth-child(2){opacity:0}.nav__toggle.active span:nth-child(3){-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}.nav__list{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.nav__item,.nav__link{position:relative}.nav__link{align-items:center;border-radius:.5rem;color:var(--text-secondary);display:flex;font-weight:500;gap:.5rem;overflow:hidden;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.nav__link:before{background:var(--accent-gradient);content:"";height:100%;left:-100%;opacity:.1;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.nav__link:hover:before{left:0}.nav__link:hover{color:var(--accent-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.nav__icon{font-size:1rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.nav__link:hover .nav__icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.nav__text{font-size:.9rem}.nav__actions{gap:1rem}.nav__actions,.theme-toggle{align-items:center;display:flex;margin:0;padding:0}.theme-toggle{background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:1.1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle:hover{background:var(--accent-primary);color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.nav__toggle{align-items:center;background:var(--bg-secondary);border:none;border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:none;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px;z-index:1001}.nav__toggle:hover{background:var(--accent-primary);color:#fff}.mobile-overlay{background:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:999}@media (max-width:768px){.nav__toggle{display:flex}.nav__menu{align-items:center;background:var(--bg-primary);box-shadow:var(--shadow-xl);flex-direction:column;gap:2rem;height:100vh;justify-content:center;max-width:300px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%;z-index:1000}.nav__menu.active{right:0}.nav__list{flex-direction:column;gap:1rem;width:100%}.nav__link{font-size:1.1rem;justify-content:center;padding:1rem;width:100%}.nav__text{font-size:1rem}.nav__actions{margin-top:0}}@media (max-width:480px){.nav__menu{width:90%}.nav__logo{font-size:1.25rem}}.nav__link.active{background:rgba(59,130,246,.1);color:var(--accent-primary)}.nav__link.active:before{left:0}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.hero-section{align-items:center;padding:2rem 0}@media (max-width:768px){.hero-section{min-height:90vh;padding:1rem 0}}@media (max-width:480px){.hero-section{min-height:85vh;padding:.5rem 0}}@media (max-width:768px){.hero-content{gap:2rem;grid-template-columns:1fr;min-height:70vh;padding:0 1rem;text-align:center}}@media (max-width:480px){.hero-content{gap:1.5rem;min-height:60vh;padding:0 .75rem}}@media (max-width:768px){.hero-text{gap:1rem}}@media (max-width:480px){.hero-text{gap:.75rem}}.wave{-webkit-animation:wave 2s ease-in-out infinite;animation:wave 2s ease-in-out infinite}@-webkit-keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}.hero-name{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;margin:0}.hero-title{display:flex;flex-direction:column;gap:.5rem}.title-main{color:var(--text-primary);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600}.title-sub{color:var(--accent-primary);font-size:clamp(1rem,2vw,1.25rem);font-weight:500}.hero-description{font-size:1.125rem;line-height:1.7;max-width:500px}.stat-item{background:var(--bg-secondary);border-radius:2rem;box-shadow:var(--shadow-sm);gap:.75rem;padding:.75rem 1.25rem}.stat-item:hover{border-color:var(--accent-primary)}@media (max-width:768px){.hero-actions{flex-direction:column;gap:1rem;margin:.75rem 0}}@media (max-width:480px){.hero-actions{gap:.75rem;margin:.5rem 0}}@media (max-width:768px){.hero-image-container{height:300px;width:300px}}@media (max-width:480px){.hero-image-container{height:250px;width:250px}}.hero-image{box-shadow:var(--shadow-xl)}.image-overlay{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1))}.floating-tech{height:100%;pointer-events:none;position:absolute;width:100%}.tech-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg)}.tech-icon.java{background:linear-gradient(135deg,#f89820,#ff6b35);color:#fff;right:-10%}.tech-icon.spring{background:linear-gradient(135deg,#6db33f,#4caf50);color:#fff;left:-15%;top:30%}.tech-icon.react{background:linear-gradient(135deg,#61dafb,#21d4fd);color:#fff;right:-5%}.tech-icon.node{background:linear-gradient(135deg,#393,#4caf50);bottom:10%;color:#fff;left:-10%}.tech-icon.aws{background:linear-gradient(135deg,#f90,#ff6b35);color:#fff;right:-20%}.scroll-indicator{bottom:2rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.scroll-arrow{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.scroll-arrow:hover{color:var(--accent-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.scroll-line{-webkit-animation:scrollLine 2s ease-in-out infinite;animation:scrollLine 2s ease-in-out infinite;background:var(--accent-gradient);border-radius:1px;height:30px;width:2px}@-webkit-keyframes scrollLine{0%,to{opacity:.3;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{opacity:1;-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}}@keyframes scrollLine{0%,to{opacity:.3;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{opacity:1;-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}}.scroll-text{font-size:.875rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}@media (max-width:1024px){.hero-content{gap:3rem}.hero-image-container{height:350px;width:350px}.tech-icon{font-size:1.25rem;height:50px;width:50px}}@media (max-width:768px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-visual{order:-1}.hero-image-container{height:300px;width:300px}.hero-actions,.hero-stats{justify-content:center}.tech-icon{font-size:1.1rem;height:45px;width:45px}.tech-icon.java{right:-5%}.tech-icon.spring{left:-10%}.tech-icon.aws{right:-15%}}@media (max-width:480px){.hero-content{gap:2rem}.hero-image-container{height:250px;width:250px}.hero-stats{gap:1rem}.hero-actions,.hero-stats{align-items:center;flex-direction:column}.tech-icon{font-size:1rem;height:40px;width:40px}.shape-1,.shape-2,.shape-3{display:none}}.hero-text>:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.hero-text>:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.hero-text>:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.hero-text>:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.hero-text>:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}.hero-text>:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}.hero-text>:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s}.hero-image:hover{box-shadow:var(--shadow-xl);-webkit-transform:scale(1.02);transform:scale(1.02)}.tech-icon:hover{box-shadow:var(--shadow-xl);-webkit-transform:scale(1.1);transform:scale(1.1)}.gradient-text{-webkit-text-fill-color:transparent;-webkit-animation:gradientShift 3s ease-in-out infinite;animation:gradientShift 3s ease-in-out infinite;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@-webkit-keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.home__social{flex-wrap:wrap;gap:1rem}.home__social,.home__social-icon{display:flex;justify-content:center}.home__social-icon{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:1.25rem;height:50px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:50px}.home__social-icon:before{background:var(--social-color);border-radius:50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.home__social-icon:hover:before{opacity:.1}.home__social-icon:hover{border-color:var(--social-color);box-shadow:0 10px 20px rgba(0,0,0,.1);color:var(--social-color);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.home__social-icon svg{position:relative;z-index:1}@media (max-width:768px){.home__social{gap:.75rem}.home__social-icon{font-size:1.1rem;height:45px;width:45px}}@media (max-width:480px){.home__social-icon{font-size:1rem;height:40px;width:40px}}.hero-section{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:6rem 0 2rem;position:relative}.hero-background{left:0;top:0;z-index:1}.hero-background,.hero-shapes{height:100%;position:absolute;width:100%}.shape{background:var(--accent-gradient);border-radius:50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:.1;position:absolute}.shape-1{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;height:300px;left:10%;top:10%;width:300px}.shape-2{animation:float 8s ease-in-out infinite reverse;height:200px;right:15%;top:60%;width:200px}.shape-3{-webkit-animation:float 7s ease-in-out infinite;animation:float 7s ease-in-out infinite;bottom:20%;height:150px;left:20%;width:150px}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(180deg);transform:translateY(-20px) rotate(180deg)}}@keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(180deg);transform:translateY(-20px) rotate(180deg)}}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;min-height:80vh;padding:0 2rem;position:relative;z-index:2}.hero-text{display:flex;flex-direction:column;gap:1.5rem}.hero-greeting{align-items:center;color:var(--text-secondary);display:flex;font-size:1.25rem;font-weight:500;gap:.75rem}.wave{display:inline-block;font-size:1.5rem}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin:0}.hero-name{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;display:inline}.hero-role{color:var(--text-primary);display:block;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;margin-top:.5rem}.hero-description{color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;margin:0}.hero-stats{display:flex;flex-wrap:wrap;gap:2rem;margin:1rem 0}.stat-item{color:var(--text-primary);font-weight:500;gap:.5rem}.stat-item svg{font-size:1.25rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1rem 0}.btn{align-items:center;border:2px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:var(--accent-gradient);border-color:transparent;color:#fff}.btn-primary:hover{box-shadow:var(--shadow-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-outline{background:transparent;border-color:var(--accent-primary);color:var(--accent-primary)}.btn-outline:hover{background:var(--accent-primary);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hero-social{margin-top:1rem}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.hero-image-container{height:400px;position:relative;width:400px}.hero-image{border:4px solid var(--accent-primary);border-radius:50%;box-shadow:var(--shadow);height:100%;overflow:hidden;position:relative;width:100%}.profile-image{height:100%;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.hero-image:hover .profile-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.image-overlay{align-items:center;background:rgba(0,0,0,.7);border-radius:50%;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.hero-image:hover .image-overlay{opacity:1}.overlay-content{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.heart-icon{color:#ff6b6b;display:block;font-size:2rem;margin-bottom:.5rem;text-align:center;width:100%}.floating-tech-icons{height:100%;pointer-events:none;position:absolute;width:100%}.tech-icon{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow);color:var(--accent-primary);display:flex;height:60px;justify-content:center;position:absolute;width:60px}.tech-icon.java{left:-10%;top:10%}.tech-icon.spring{right:-15%;top:20%}.tech-icon.react{bottom:30%;left:-20%}.tech-icon.node{bottom:20%;right:-10%}.tech-icon.aws{right:-25%;top:50%}.about-details{background:var(--bg-secondary);margin-top:2rem;padding:4rem 0}.about-content{margin:0 auto;max-width:1200px;padding:0 2rem}.about-header{margin-bottom:3rem;text-align:center}.about-header h2{color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem}.about-subtitle{color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.25rem);margin:0 auto;max-width:600px}.about-main{margin-bottom:3rem}.about-text{margin:0 auto;max-width:800px}.about-description{margin-bottom:2rem}.about-description p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:1rem}.about-values{margin-top:3rem}.about-values h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease}.value-item:hover{box-shadow:var(--shadow-hover);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.value-icon{align-items:center;background:var(--accent-gradient);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.value-item h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.value-item p{color:var(--text-secondary);line-height:1.6}.about-stats{text-align:center}.about-stats h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:2rem}.stat-item{padding:2rem}.stat-item:hover{box-shadow:var(--shadow-hover);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.stat-number{color:var(--accent-primary);font-size:2.5rem;margin-bottom:.5rem}@media (max-width:1024px){.hero-content{gap:3rem;padding:0 1.5rem}}@media (max-width:768px){.hero-section{min-height:90vh;padding:5rem 0 1rem}.hero-content{gap:2rem;grid-template-columns:1fr;min-height:70vh;padding:0 1rem;text-align:center}.hero-image-container{height:300px;margin-bottom:2rem;order:-1;width:300px}.hero-actions{flex-direction:column;gap:1rem;margin:.75rem 0}.hero-stats{gap:1rem;justify-content:center}.about-details{padding:2rem 0}.values-grid{gap:1.5rem;grid-template-columns:1fr}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-section{min-height:85vh;padding:4.5rem 0 .5rem}.hero-content{gap:1.5rem;min-height:60vh;padding:0 .75rem}.hero-image-container{height:250px;margin-bottom:1.5rem;width:250px}.hero-actions{gap:.75rem;margin:.5rem 0}.tech-icon{font-size:1.25rem;height:50px;width:50px}.values-grid{gap:1rem}.value-item{padding:1.5rem}.stats-grid{grid-template-columns:1fr}}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}@media (max-width:768px){.contact-content{gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}}@media (max-width:480px){.contact-content{gap:1.5rem;margin-bottom:1.5rem}}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-intro h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.contact-intro p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;cursor:pointer;gap:1rem;padding:1.5rem;transition:all .3s ease}.contact-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.contact-icon{align-items:center;background:var(--accent-gradient);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:50px;justify-content:center;width:50px}.contact-text h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.contact-text a,.contact-text span{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:color .3s ease}.contact-text a:hover{color:var(--accent-primary)}.social-links h4{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.social-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.social-link{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;font-weight:500;gap:.75rem;padding:1rem}.social-link:hover{background:var(--social-color);box-shadow:var(--shadow-md);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.social-link svg{font-size:1.25rem}.contact-form-container{position:relative}.contact-form-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-sm);padding:2.5rem;transition:all .3s ease}.contact-form-card:hover{box-shadow:var(--shadow-lg)}.contact-form-card h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:2rem;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:768px){.contact-form{gap:1rem}}@media (max-width:480px){.contact-form{gap:.75rem}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:500;gap:.5rem}.form-group label svg{color:var(--accent-primary);font-size:.9rem}.form-group input,.form-group textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:var(--text-muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{align-items:center;background:var(--accent-gradient);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;width:20px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.success-message{color:var(--text-primary);padding:2rem;text-align:center}.success-message svg{color:#10b981;font-size:3rem;margin-bottom:1rem}.success-message h4{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.success-message p{color:var(--text-secondary);font-size:1rem}.contact-cta{margin-top:4rem}.cta-card{background:var(--accent-gradient);border-radius:1.5rem;box-shadow:var(--shadow-xl);color:#fff;padding:3rem;text-align:center}.cta-card h3{color:#fff;font-size:2rem;margin-bottom:1rem}.cta-card p{color:hsla(0,0%,100%,.9);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-actions .btn{align-items:center;border-radius:.75rem;display:flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-actions .btn-primary{background:#fff;box-shadow:var(--shadow-md);color:var(--accent-primary)}.cta-actions .btn-primary:hover{box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cta-actions .btn-outline{background:transparent;border:2px solid #fff;color:#fff}.cta-actions .btn-outline:hover{background:#fff;color:var(--accent-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.contact-content{gap:2rem;grid-template-columns:1fr}.contact-form-card{padding:2rem}.social-grid{grid-template-columns:1fr}.cta-card{padding:2rem}.cta-card h3{font-size:1.5rem}.cta-actions{align-items:center;flex-direction:column}.cta-actions .btn{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.contact-form-card{padding:1.5rem}.contact-item{padding:1rem}.contact-icon{font-size:1rem;height:40px;width:40px}.cta-card{padding:1.5rem}.cta-card h3{font-size:1.25rem}.cta-card p{font-size:1rem}}.form-group input:invalid,.form-group textarea:invalid{border-color:#ef4444}.form-group input:valid,.form-group textarea:valid{border-color:#10b981}.form-group input:focus,.form-group textarea:focus,.submit-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.form-group{-webkit-animation:fadeInUp .6s ease-out;animation:fadeInUp .6s ease-out}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:4rem;position:relative}.footer-content{padding:3rem 0 1rem}.footer-main{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:2rem}.footer-info{display:flex;flex-direction:column;gap:1.5rem}.footer-brand h3{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.footer-brand p{color:var(--text-secondary);font-size:1rem;font-weight:500;margin-bottom:.5rem}.footer-tagline{color:var(--text-muted);font-size:.9rem;font-style:italic}.footer-contact{display:flex;flex-direction:column;gap:.75rem}.contact-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem}.contact-item svg{color:var(--accent-primary);flex-shrink:0;font-size:1rem;width:16px}.contact-item a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:var(--accent-primary)}.footer-links h4,.footer-social h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-links ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.footer-links li{margin:0}.footer-links a{color:var(--text-secondary);display:inline-block;font-size:.95rem;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:var(--accent-primary);-webkit-transform:translateX(5px);transform:translateX(5px)}.social-links{display:flex;flex-wrap:wrap;gap:1rem}.social-link{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.1rem;height:45px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:45px}.social-link:before{background:var(--social-color);border-radius:50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.social-link:hover:before{opacity:.1}.social-link:hover{border-color:var(--social-color);box-shadow:0 5px 15px rgba(0,0,0,.1);color:var(--social-color)}.social-link svg{position:relative;z-index:1}.footer-bottom{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:2rem 0;position:relative}.footer-copyright{display:flex;flex-direction:column;gap:.5rem}.footer-copyright p{color:var(--text-muted);font-size:.9rem;margin:0}.footer-heart{align-items:center;display:flex;gap:.5rem}.heart-icon{-webkit-animation:heartbeat 1.5s ease-in-out infinite;animation:heartbeat 1.5s ease-in-out infinite;color:#ef4444}@-webkit-keyframes heartbeat{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes heartbeat{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.scroll-to-top{align-items:center;background:var(--accent-gradient);border:none;border-radius:50%;bottom:2rem;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;position:fixed;right:2rem;transition:all .3s ease;width:50px;z-index:1000}.scroll-to-top:hover{box-shadow:var(--shadow-xl);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.scroll-to-top:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:768px){.footer-main{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-contact,.footer-links ul{align-items:center}.social-links{justify-content:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.scroll-to-top{bottom:auto;margin-top:1rem;position:relative;right:auto}}@media (max-width:480px){.footer-content{padding:2rem 0 1rem}.footer-main{gap:1.5rem}.social-links{gap:.75rem}.social-link{font-size:1rem;height:40px;width:40px}.scroll-to-top{font-size:1.1rem;height:45px;width:45px}}[data-theme=dark] .footer{background:var(--bg-secondary)}[data-theme=dark] .social-link{background:var(--bg-tertiary)}[data-theme=dark] .scroll-to-top{box-shadow:0 10px 25px rgba(0,0,0,.3)}.footer-brand,.footer-contact,.footer-links,.footer-social{-webkit-animation:fadeInUp .6s ease-out;animation:fadeInUp .6s ease-out}.footer-brand:hover .footer-tagline{color:var(--accent-primary);transition:color .3s ease}.contact-item:hover svg{-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.footer-links a:focus,.scroll-to-top:focus,.social-link:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.footer-links a:focus{border-radius:4px}.skills-container{grid-gap:3rem;display:grid;gap:3rem;margin-top:2rem}@media (max-width:768px){.skills-container{gap:2rem;margin-top:1.5rem}}@media (max-width:480px){.skills-container{gap:1.5rem;margin-top:1rem}}.skill-category{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow);padding:2rem;transition:all .3s ease}@media (max-width:768px){.skill-category{padding:1.5rem}}@media (max-width:480px){.skill-category{border-radius:1rem;padding:1rem}}.skill-category:hover{box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.skill-category-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.skill-category-icon-wrapper{align-items:center;background:var(--accent-gradient);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.skill-category-icon{font-size:1.5rem}.skill-category h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.skills-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.skills-grid{gap:.75rem;grid-template-columns:1fr}}.skill-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.skill-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.skill-icon{align-items:center;background:var(--bg-secondary);border-radius:8px;color:var(--accent-primary);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.skill-info{flex:1 1;min-width:0}.skill-name{color:var(--text-primary);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.skill-level{align-items:center;display:flex;gap:.75rem}.skill-bar-bg{background:var(--border-color);flex:1 1;height:6px;overflow:hidden}.skill-bar,.skill-bar-bg{border-radius:3px;position:relative}.skill-bar{background:var(--accent-gradient);height:100%;transition:width 1.5s ease-in-out}.skill-bar: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}@-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%)}}.skill-percentage{color:var(--accent-primary);font-size:.875rem;font-weight:600;min-width:35px;text-align:right}@media (max-width:768px){.skills-container{gap:2rem}.skill-category{padding:1.5rem}.skill-category-header{flex-direction:column;gap:.75rem;text-align:center}.skill-category-icon-wrapper{height:45px;width:45px}.skills-grid{gap:1rem;grid-template-columns:1fr}.skill-item{padding:.75rem}.skill-icon{font-size:1rem;height:35px;width:35px}}@media (max-width:480px){.skill-category{padding:1rem}.skill-category-header{margin-bottom:1.5rem}.skill-item{flex-direction:column;gap:.75rem;text-align:center}.skill-level{flex-direction:column;gap:.5rem;width:100%}.skill-percentage{text-align:center}}.skill-bar.animate{-webkit-animation:skillBarFill 1.5s ease-out forwards;animation:skillBarFill 1.5s ease-out forwards}@-webkit-keyframes skillBarFill{0%{width:0}to{width:var(--skill-width)}}@keyframes skillBarFill{0%{width:0}to{width:var(--skill-width)}}.skill-item:hover .skill-icon{color:var(--accent-secondary);-webkit-transform:scale(1.1);transform:scale(1.1)}.skill-item:hover .skill-bar{box-shadow:0 0 10px rgba(59,130,246,.3)}.section{background:var(--bg-primary);padding:5rem 0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{margin-bottom:3rem;text-align:center}.section-title h2{color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem}.section-title p{color:var(--text-secondary);font-size:1.25rem;margin:0 auto;max-width:600px}.project-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.filter-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:2rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.filter-btn.active{background:var(--accent-gradient);border-color:transparent;box-shadow:var(--shadow);color:#fff}.filter-count{background:hsla(0,0%,100%,.2);border-radius:1rem;font-size:.8rem;padding:.25rem .5rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;overflow:hidden;position:relative;transition:all .3s ease}.project-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-hover);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.project-card.featured{border:2px solid var(--accent-primary);box-shadow:0 0 20px rgba(0,123,255,.1)}.project-image{background:var(--bg-primary);height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.project-card:hover .project-image img{-webkit-transform:scale(1.05);transform:scale(1.05)}.project-overlay{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-card:hover .project-overlay{opacity:1}.project-actions{display:flex;gap:1rem}.action-btn{align-items:center;background:var(--accent-primary);border-radius:.5rem;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.action-btn:hover{background:var(--accent-secondary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.featured-badge{align-items:center;background:var(--accent-gradient);border-radius:1rem;box-shadow:var(--shadow);color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.project-content{padding:1.5rem}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.project-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.project-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.project-status{background:var(--accent-primary);border-radius:1rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.project-year{color:var(--text-secondary);font-size:.85rem;font-weight:500}.project-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .3s ease}.tech-tag:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tech-more{border:1px solid var(--border-color);border-radius:1rem;color:var(--text-secondary);font-size:.85rem;padding:.5rem .75rem}.project-impact,.tech-more{align-items:center;background:var(--bg-primary);display:flex;font-weight:500}.project-impact{border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.9rem;gap:.5rem;padding:.75rem 1rem}.project-impact svg{color:var(--accent-primary);font-size:1rem}@media (max-width:768px){.section{padding:3rem 0}.container{padding:0 1rem}.project-filters,.section-title{margin-bottom:2rem}.project-filters{gap:.75rem}.filter-btn{font-size:.9rem;padding:.5rem 1rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-image{height:180px}.project-content{padding:1.25rem}.project-header{flex-direction:column;gap:.5rem}.project-header,.project-meta{align-items:flex-start}.project-technologies{gap:.4rem}.tech-tag{font-size:.8rem;padding:.4rem .6rem}}@media (max-width:480px){.section{padding:2rem 0}.container{padding:0 .75rem}.project-filters{gap:.5rem;margin-bottom:1.5rem}.filter-btn{font-size:.85rem;padding:.4rem .8rem}.projects-grid{gap:1rem}.project-image{height:160px}.project-content{padding:1rem}.project-header h3{font-size:1.1rem}.project-description{font-size:.9rem}.tech-tag{font-size:.75rem;padding:.3rem .5rem}.project-impact{font-size:.85rem;padding:.5rem .75rem}}@-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)}}.project-card{-webkit-animation:fadeInUp .6s ease-out;animation:fadeInUp .6s ease-out}.project-card:hover .featured-badge{-webkit-transform:scale(1.05);transform:scale(1.05)}.action-btn:hover{box-shadow:0 4px 12px rgba(0,123,255,.3)}.tech-tag:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.experience-timeline{margin:0 auto;max-width:1000px;position:relative}.experience-item{margin-bottom:3rem;position:relative}.experience-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-sm);overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.experience-card:before{background:var(--accent-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.experience-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.experience-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.company-icon{align-items:center;background:var(--accent-gradient);border-radius:12px;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.experience-info{flex:1 1}.position-company h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.position-company h4{color:var(--accent-primary);font-size:1.25rem;font-weight:500;margin:0 0 1rem}.experience-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.experience-content{grid-gap:2rem;display:grid;gap:2rem}.experience-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0}.achievements-section,.highlights-section,.technologies-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.achievements-section h5,.highlights-section h5,.technologies-section h5{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.achievements-section h5 svg,.highlights-section h5 svg,.technologies-section h5 svg{color:var(--accent-primary);font-size:1rem}.technologies-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tech-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.tech-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tech-icon{font-size:1.5rem;margin-bottom:.25rem}.tech-name{color:var(--text-primary);font-size:.875rem;font-weight:500;text-align:center}.achievements-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.achievement-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.achievement-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.achievement-icon{color:var(--accent-primary);font-size:1rem}.achievement-item span{color:var(--text-primary);font-size:.9rem;font-weight:500}@media (max-width:768px){.experience-card{padding:1.5rem}.experience-header{flex-direction:column;gap:1rem;text-align:center}.company-icon{font-size:1.25rem;height:50px;width:50px}.experience-meta{gap:1rem;justify-content:center}.meta-item{font-size:.85rem}.achievements-section,.highlights-section,.technologies-section{padding:1rem}.technologies-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.tech-item{padding:.75rem}.achievements-grid{grid-template-columns:1fr}}@media (max-width:480px){.experience-card{padding:1rem}.experience-meta{align-items:center;flex-direction:column;gap:.75rem}.technologies-grid{grid-template-columns:repeat(2,1fr)}.tech-item{padding:.5rem}.tech-icon{font-size:1.25rem}.tech-name{font-size:.8rem}}.experience-card{-webkit-animation:slideInUp .6s ease-out;animation:slideInUp .6s ease-out}.tech-item:hover .tech-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.achievement-item:hover .achievement-icon{color:var(--accent-secondary)}.education-timeline{margin:0 auto;max-width:1000px;position:relative}.education-item{margin-bottom:3rem;position:relative}.education-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-sm);overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.education-card:before{background:var(--accent-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.education-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.education-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.education-icon{align-items:center;background:var(--accent-gradient);border-radius:12px;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.education-info{flex:1 1}.education-info h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.education-info h4{color:var(--accent-primary);font-size:1.25rem;font-weight:500;margin:0 0 1rem}.education-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.meta-item{font-size:.9rem}.meta-item.status{background:var(--accent-gradient);border-radius:1rem;color:#fff;font-weight:500;padding:.25rem .75rem}.meta-item.status svg{color:#fff}.education-content{grid-gap:2rem;display:grid;gap:2rem}.education-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0}.courses-section,.highlights-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.courses-section h5,.highlights-section h5{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.courses-section h5:before,.highlights-section h5:before{background:var(--accent-gradient);border-radius:2px;content:"";height:20px;width:4px}.highlights-list{list-style:none;margin:0;padding:0}.highlights-list li{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.highlights-list li:before{color:var(--accent-primary);content:"▶";font-size:.8rem;left:0;position:absolute;top:0}.courses-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.course-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.course-item:hover{background:var(--accent-primary);box-shadow:var(--shadow-md);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.education-card{padding:1.5rem}.education-header{flex-direction:column;gap:1rem;text-align:center}.education-icon{font-size:1.25rem;height:50px;width:50px}.education-meta{gap:1rem;justify-content:center}.meta-item{font-size:.85rem}.courses-section,.highlights-section{padding:1rem}.courses-grid{grid-template-columns:1fr}}@media (max-width:480px){.education-card{padding:1rem}.education-meta{align-items:center;flex-direction:column;gap:.75rem}.course-item{font-size:.85rem;padding:.5rem .75rem}}.education-card{-webkit-animation:slideInLeft .6s ease-out;animation:slideInLeft .6s ease-out}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.course-item:hover{-webkit-transform:translateY(-2px) scale(1.02);transform:translateY(-2px) scale(1.02)}.education-card:hover .education-icon{box-shadow:var(--shadow-lg);-webkit-transform:scale(1.1);transform:scale(1.1)}.certifications-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem}.certification-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-sm);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.certification-card:before{background:var(--accent-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.certification-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.certification-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.certification-icon{align-items:center;border-radius:12px;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.certification-info{flex:1 1}.certification-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 1rem}.certification-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.meta-item svg{color:var(--accent-primary);font-size:.875rem}.meta-item.category{background:var(--accent-gradient);border-radius:1rem;color:#fff;font-weight:500;padding:.25rem .75rem}.meta-item.category svg{color:#fff}.certification-content{grid-gap:1.5rem;display:grid;gap:1.5rem}.certification-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.skills-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.skills-section h5{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.skills-section h5:before{background:var(--accent-gradient);border-radius:2px;content:"";height:16px;width:4px}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.375rem .75rem;transition:all .3s ease}.skill-tag:hover{background:var(--accent-primary);box-shadow:var(--shadow-sm);color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.certification-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:1rem}.credential-info{display:flex;flex-direction:column;gap:.25rem}.credential-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.credential-id{color:var(--text-primary);font-family:Courier New,monospace;font-size:.85rem;font-weight:600}.verify-link{align-items:center;border:1px solid var(--accent-primary);border-radius:.5rem;color:var(--accent-primary);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.verify-link:hover{background:var(--accent-primary);box-shadow:var(--shadow-md);color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.certifications-summary{margin-top:3rem}.summary-card h3{font-size:1.5rem;margin:0 0 1rem}.summary-card p{line-height:1.6;max-width:600px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:500px}.stat-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.stat-item:hover{box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.stat-item svg{color:var(--accent-primary);font-size:1.5rem}.stat-item div{align-items:flex-start;display:flex;flex-direction:column}.stat-number{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.stat-label{font-size:.85rem}@media (max-width:768px){.certifications-container{gap:1.5rem;grid-template-columns:1fr}.certification-card{padding:1.5rem}.certification-header{flex-direction:column;gap:1rem;text-align:center}.certification-icon{font-size:1.25rem;height:50px;width:50px}.certification-meta{gap:.75rem;justify-content:center}.certification-footer{flex-direction:column;gap:1rem;text-align:center}.summary-card{padding:2rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-item{justify-content:center}}@media (max-width:480px){.certification-card{padding:1rem}.certification-meta{align-items:center;flex-direction:column;gap:.5rem}.skills-grid{justify-content:center}.summary-card{padding:1.5rem}.summary-card p{font-size:1rem}}.certification-card{-webkit-animation:slideInUp .6s ease-out;animation:slideInUp .6s ease-out}.certification-card:hover .certification-icon{box-shadow:var(--shadow-lg);-webkit-transform:scale(1.1);transform:scale(1.1)}.skill-tag:hover{-webkit-transform:translateY(-1px) scale(1.05);transform:translateY(-1px) scale(1.05)}.achievements-stats{margin-bottom:4rem}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-sm);cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.stat-icon{align-items:center;background:var(--accent-gradient);border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.stat-content{display:flex;flex-direction:column;gap:.5rem}.stat-value{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:1rem;font-weight:500}.achievements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:4rem}.achievement-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-sm);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.achievement-card:before{background:var(--accent-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.achievement-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.achievement-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.achievement-icon{align-items:center;border-radius:12px;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.achievement-info{flex:1 1}.achievement-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 .75rem}.achievement-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.organization{color:var(--accent-primary);font-size:1rem;font-weight:500}.date{color:var(--text-muted);font-size:.9rem}.achievement-category{align-items:center;background:var(--accent-gradient);border-radius:1rem;color:#fff;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.25rem .75rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.achievement-category svg{font-size:.75rem}.achievement-content{grid-gap:1rem;display:grid;gap:1rem}.achievement-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.achievement-impact{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;padding:1.25rem}.achievement-impact h5{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.achievement-impact h5:before{background:var(--accent-gradient);border-radius:2px;content:"";height:16px;width:4px}.achievement-impact p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.achievements-summary{margin-top:3rem}.summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-sm);padding:2.5rem;text-align:center}.summary-card h3{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0 0 1.5rem}.summary-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0 auto 2rem;max-width:700px}.summary-highlights{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:800px}.highlight-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.highlight-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.highlight-item svg{color:var(--accent-primary);flex-shrink:0;font-size:1.25rem}.highlight-item span{color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.4}@media (max-width:768px){.stats-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}.achievements-grid{gap:1.5rem;grid-template-columns:1fr}.achievement-card{padding:1.5rem}.achievement-header{flex-direction:column;gap:1rem;text-align:center}.achievement-icon{font-size:1.25rem;height:50px;width:50px}.achievement-meta{align-items:center}.achievement-category{margin:0 auto}.summary-card{padding:2rem}.summary-highlights{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-value{font-size:1.75rem}.achievement-card{padding:1.25rem}.summary-card{padding:1.5rem}.summary-card p{font-size:1rem}.highlight-item{padding:1rem}}.achievement-card{-webkit-animation:slideInUp .6s ease-out;animation:slideInUp .6s ease-out}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.achievement-card:hover .achievement-icon,.stat-card:hover .stat-icon{box-shadow:var(--shadow-lg);-webkit-transform:scale(1.1);transform:scale(1.1)}.highlight-item:hover svg{color:var(--accent-secondary);-webkit-transform:scale(1.1);transform:scale(1.1)}
/*# sourceMappingURL=main.3036fe22.css.map*/