.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);padding:1rem 0;border-bottom:1px solid #e2e8f0;will-change:background,box-shadow}.navbar.scrolled{background:#fffffffa;box-shadow:0 4px 20px #00000014}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-menu a{color:#475569;text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-menu a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(135deg,#2563eb,#1d4ed8);transition:width .3s ease}.nav-menu a:hover{color:#2563eb}.nav-menu a:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px}.nav-toggle span{width:25px;height:3px;background:#475569;transition:all .3s ease;border-radius:2px}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:-100%;flex-direction:column;background:#fffffffa;width:100%;text-align:center;transition:left .3s ease;padding:2rem 0;gap:1rem;border-bottom:1px solid #e2e8f0}.nav-menu.active{left:0}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 2rem 2rem;background:linear-gradient(135deg,#fff,#f8fafc);background-image:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px);background-size:50px 50px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,rgba(29,78,216,.05) 50%,transparent 70%);animation:rotate 20s linear infinite}.hero:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);border-radius:50%;top:-250px;left:-250px;animation:floatBlob 15s ease-in-out infinite;filter:blur(60px)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,100px) scale(1.1)}66%{transform:translate(-50px,150px) scale(.9)}}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:0}.bg-blob-1{width:400px;height:400px;background:linear-gradient(135deg,#2563eb4d,#1d4ed833);top:10%;right:10%;animation:blobFloat1 20s ease-in-out infinite}.bg-blob-2{width:350px;height:350px;background:linear-gradient(135deg,#3b82f640,#2563eb26);bottom:15%;left:15%;animation:blobFloat2 25s ease-in-out infinite}.bg-blob-3{width:300px;height:300px;background:linear-gradient(135deg,#1d4ed833,#2563eb1a);top:50%;left:50%;transform:translate(-50%,-50%);animation:blobFloat3 18s ease-in-out infinite}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-80px) scale(1.1)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-60px,70px) scale(.9)}}@keyframes blobFloat3{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}50%{transform:translate(-50%,-50%) scale(1.15) rotate(180deg)}}.bg-shapes{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;overflow:hidden}.shape{position:absolute;opacity:.05;border:2px solid #2563eb}.shape-1{width:200px;height:200px;top:20%;right:20%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:shapeRotate1 15s linear infinite}.shape-2{width:150px;height:150px;bottom:25%;left:25%;border-radius:50%;animation:shapeRotate2 20s linear infinite}.shape-3{width:100px;height:100px;top:60%;right:30%;transform:rotate(45deg);animation:shapeRotate3 12s linear infinite}@keyframes shapeRotate1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shapeRotate2{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes shapeRotate3{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text{animation:fadeInUp 1s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.hero-greeting{font-size:1.5rem;color:#2563eb;margin-bottom:.5rem;font-weight:500}.hero-name{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.2}.hero-title{font-size:2rem;color:#64748b;margin-bottom:1.5rem;font-weight:400}.hero-description{font-size:1.1rem;color:#475569;line-height:1.8;margin-bottom:2rem;max-width:500px}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.btn-secondary{background:transparent;color:#2563eb;border:2px solid #2563eb}.btn-secondary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:transparent;transform:translateY(-2px)}.hero-image{display:flex;justify-content:center;align-items:center;animation:fadeIn 1s cubic-bezier(.4,0,.2,1) .3s both;will-change:opacity}.hero-avatar{display:inline-flex;padding:6px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 20px 60px #2563eb33;animation:float 6s ease-in-out infinite;will-change:transform;transform:translateZ(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.profile-picture{display:block;width:clamp(220px,40vw,280px);aspect-ratio:1 / 1;height:auto;object-fit:cover;object-position:center 25%;border-radius:50%}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.mouse{width:30px;height:50px;border:2px solid #2563eb;border-radius:15px;position:relative}.wheel{width:4px;height:10px;background:linear-gradient(180deg,#2563eb,#1d4ed8);border-radius:2px;position:absolute;top:10px;left:50%;transform:translate(-50%);animation:scroll 2s infinite}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-name{font-size:3rem}.hero-title{font-size:1.5rem}.hero-buttons{justify-content:center}.hero-avatar{padding:4px}}@media (max-width: 480px){.hero-name{font-size:2.5rem}.hero-title{font-size:1.25rem}.hero-description{font-size:1rem}}.about{padding:6rem 0;background:linear-gradient(135deg,#fff,#f8fafc);background-image:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px);background-size:50px 50px;position:relative;overflow:hidden}.about:before{content:"";position:absolute;width:450px;height:450px;background:radial-gradient(circle,rgba(37,99,235,.07) 0%,transparent 70%);border-radius:50%;top:-225px;left:-225px;animation:aboutBlob 16s ease-in-out infinite;filter:blur(55px)}.about-content:before{content:"";position:absolute;width:200px;height:200px;border:2px solid rgba(37,99,235,.15);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;top:-80px;right:-80px;animation:shapeRotate 20s linear infinite;opacity:.6;z-index:-1}.about-content:after{content:"";position:absolute;width:150px;height:150px;background:linear-gradient(135deg,rgba(37,99,235,.1) 0%,transparent 70%);border-radius:50%;bottom:-60px;left:-60px;animation:pulse 4s ease-in-out infinite;z-index:-1}@keyframes shapeRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.4}}@keyframes aboutBlob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(120px,100px) scale(1.2)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.container:before,.container:after{content:"";position:absolute;border-radius:999px;border:1px solid rgba(37,99,235,.18);background:radial-gradient(circle at 30% 30%,rgba(191,219,254,.4) 0%,transparent 55%);opacity:.7;pointer-events:none;z-index:-1}.container:before{width:120px;height:120px;top:-40px;right:40px;transform:rotate(8deg)}.container:after{width:90px;height:90px;bottom:-30px;left:20px;transform:rotate(-14deg)}.about-content{max-width:800px;margin:0 auto;position:relative}.decorative-shape{position:absolute;opacity:.08;pointer-events:none;z-index:0}.shape-triangle{width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:100px solid rgba(37,99,235,.3);top:20%;left:-40px;animation:floatShape 8s ease-in-out infinite}.shape-diamond{width:80px;height:80px;background:linear-gradient(135deg,#2563eb33,#3b82f61a);transform:rotate(45deg);bottom:10%;right:-30px;animation:floatShape 10s ease-in-out infinite reverse}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.shape-triangle{animation:floatShape 8s ease-in-out infinite,rotateTriangle 15s linear infinite}.shape-diamond{animation:floatShape 10s ease-in-out infinite reverse,rotateDiamond 20s linear infinite}@keyframes rotateTriangle{0%{transform:translateY(0) rotate(0)}to{transform:translateY(0) rotate(360deg)}}@keyframes rotateDiamond{0%{transform:translateY(0) rotate(45deg)}to{transform:translateY(0) rotate(405deg)}}.about-text p{font-size:1.1rem;line-height:1.8;color:#475569;margin-bottom:1.5rem}.about-education{margin-top:2rem;padding:1.5rem;background:#eff6ff;border-radius:12px;border:1px solid #dbeafe}.about-education h3{font-size:1.5rem;color:#1e293b;margin-bottom:1rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-education p{color:#475569;margin-bottom:.5rem;font-size:1rem}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.stat-item{text-align:center;padding:2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;will-change:transform}.stat-item:hover{transform:translateY(-5px) translateZ(0);box-shadow:0 10px 30px #2563eb26;border-color:#3b82f6}.stat-item h3{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-item p{color:#64748b;font-size:1rem;margin:0}@media (max-width: 768px){.section-title{font-size:2rem}.about-stats{grid-template-columns:1fr}}.skills{padding:6rem 0;background:linear-gradient(135deg,#fff,#f8fafc);background-image:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px);background-size:50px 50px;position:relative;overflow:hidden}.skills:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.06) 0%,transparent 70%);border-radius:50%;top:50%;left:-200px;transform:translateY(-50%);animation:skillsBlob 18s ease-in-out infinite;filter:blur(50px)}.skills:after{content:"";position:absolute;width:350px;height:350px;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);border-radius:50%;top:20%;right:-175px;animation:skillsBlob2 22s ease-in-out infinite;filter:blur(50px)}@keyframes skillsBlob{0%,to{transform:translateY(-50%) translate(0) scale(1)}50%{transform:translateY(-50%) translate(80px) scale(1.15)}}@keyframes skillsBlob2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-60px,50px) scale(1.1)}}.skills-shape{position:absolute;pointer-events:none;z-index:0;opacity:.12}.shape-circle-1{width:120px;height:120px;border:3px solid rgba(37,99,235,.3);border-radius:50%;top:15%;right:10%;animation:rotateShape 25s linear infinite}.shape-circle-2{width:80px;height:80px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);border-radius:50%;bottom:20%;left:8%;animation:rotateShape 20s linear infinite reverse}.shape-square{width:100px;height:100px;border:2px dashed rgba(37,99,235,.25);transform:rotate(45deg);top:50%;right:5%;animation:rotateShape 30s linear infinite}@keyframes rotateShape{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shape-square{animation:rotateShape 30s linear infinite}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;position:relative;z-index:1}.skill-category{background:#fff;padding:2rem;border-radius:16px;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;opacity:0;transform:translateY(30px);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity}.skill-category:nth-child(1){animation-delay:.1s}.skill-category:nth-child(2){animation-delay:.2s}.skill-category:nth-child(3){animation-delay:.3s}.skill-category:nth-child(4){animation-delay:.4s}.skill-category:hover{transform:translateY(-5px) translateZ(0);box-shadow:0 10px 30px #3b82f626;border-color:#3b82f6}.skills-grid.fade-in .skill-category{opacity:1;transform:translateY(0)}.category-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;text-align:center}.skill-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{width:100%}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.75rem;min-height:1.5em}.skill-name{color:#334155;font-weight:500;font-size:.95rem;flex:1;min-width:0}.skill-percentage{color:#2563eb;font-weight:600;font-size:.9rem;transition:all .3s ease;flex-shrink:0;min-width:2.5em;text-align:right}.skill-bar{width:100%;height:10px;margin-top:.25rem;background:#e2e8f0;border-radius:8px;overflow:hidden;position:relative;clear:both}.skill-progress{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:8px;width:0;position:relative;will-change:width}.skill-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}.section-title{font-size:2rem}}.projects{padding:6rem 0;background:linear-gradient(135deg,#fff,#f8fafc);background-image:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px);background-size:50px 50px;position:relative;overflow:hidden}.projects:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:projectsBlob 20s ease-in-out infinite;filter:blur(60px)}.projects:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:projectsBlob2 25s ease-in-out infinite;filter:blur(60px)}@keyframes projectsBlob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-100px,100px) scale(1.2)}}@keyframes projectsBlob2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(100px,-80px) scale(1.1)}}.projects-shape{position:absolute;pointer-events:none;z-index:0;opacity:.1}.shape-hexagon{width:100px;height:100px;background:linear-gradient(135deg,#2563eb33,#3b82f61a);clip-path:polygon(30% 0%,70% 0%,100% 50%,70% 100%,30% 100%,0% 50%);top:10%;left:5%;animation:floatRotate 12s ease-in-out infinite}.shape-star{width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:28px solid rgba(37,99,235,.25);position:relative;top:60%;right:8%;animation:floatRotate 15s ease-in-out infinite reverse}.shape-star:after{content:"";position:absolute;top:28px;left:-40px;width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-top:28px solid rgba(37,99,235,.25)}.shape-ring{width:140px;height:140px;border:4px solid rgba(37,99,235,.2);border-radius:50%;top:30%;right:3%;animation:rotateShape 18s linear infinite}.shape-ring:before{content:"";position:absolute;width:100px;height:100px;border:2px solid rgba(59,130,246,.15);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatRotate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;position:relative;z-index:1}.project-card{background:#fff;padding:2rem;border-radius:16px;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:0 1px 3px #0000001a;opacity:0;transform:translateY(30px);will-change:transform,opacity}.project-card.fade-in-up{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.project-card:hover{transform:translateY(-8px) translateZ(0);box-shadow:0 20px 40px #3b82f626;border-color:#3b82f6}.project-image-container{width:100%;height:200px;margin-bottom:1.5rem;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#eff6ff,#dbeafe);position:relative;display:flex;align-items:center;justify-content:center}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-icon-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.project-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.project-description{color:#64748b;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{padding:.4rem .8rem;background:#eff6ff;color:#2563eb;border-radius:6px;font-size:.85rem;font-weight:500;border:1px solid #dbeafe}.project-links{display:flex;gap:1rem;margin-top:auto}.project-link{color:#2563eb;text-decoration:none;font-weight:600;transition:color .3s ease;font-size:.95rem}.project-link:hover{color:#1d4ed8}.project-image-container{position:relative}.gallery-indicator{position:absolute;bottom:0;left:0;right:0;background:#1e293be6;color:#fff;padding:.5rem;text-align:center;font-size:.85rem;opacity:0;transition:opacity .3s ease}.project-card:hover .gallery-indicator{opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}.modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border:1px solid #e2e8f0;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:1rem;right:1rem;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001}.modal-close:hover{background:#dbeafe;transform:rotate(90deg)}.modal-image-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.modal-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080}.modal-image-title{color:#1e293b;font-size:1.25rem;font-weight:600;text-align:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-navigation{display:flex;align-items:center;gap:1rem;width:100%;justify-content:center}.modal-nav-btn{background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.modal-nav-btn:hover{background:#dbeafe;transform:scale(1.1)}.modal-thumbnails{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem;max-width:600px}.modal-thumbnail{width:80px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent;opacity:.6;transition:all .3s ease;flex-shrink:0}.modal-thumbnail:hover{opacity:1;border-color:#2563eb;transform:scale(1.1)}.modal-thumbnail.active{opacity:1;border-color:#2563eb;box-shadow:0 0 10px #2563eb4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.section-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:4rem;color:#1e293b;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.modal-content{padding:1rem;max-width:95vw}.modal-image{max-height:60vh}.modal-nav-btn{width:40px;height:40px;font-size:1.5rem}.modal-thumbnails{max-width:100%;gap:.5rem}.modal-thumbnail{width:60px;height:45px}.section-title{font-size:2rem}}.experience{padding:6rem 0;background:linear-gradient(135deg,#fff,#f8fafc);background-image:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px);background-size:50px 50px;position:relative;overflow:hidden}.experience:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 70%);border-radius:50%;bottom:-250px;right:-250px;animation:experienceBlob 19s ease-in-out infinite;filter:blur(60px)}@keyframes experienceBlob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-90px,-70px) scale(1.15)}}.experience-shape{position:absolute;pointer-events:none;z-index:0;opacity:.1}.shape-wave{width:150px;height:80px;border:3px solid rgba(37,99,235,.2);border-radius:50%/60% 60% 40% 40%;top:20%;right:8%;animation:waveFloat 10s ease-in-out infinite}.shape-polygon{width:90px;height:90px;background:linear-gradient(45deg,#2563eb26,#3b82f61a);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);bottom:15%;left:5%;animation:polygonRotate 22s linear infinite}@keyframes waveFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.1)}}@keyframes polygonRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.experience-timeline{max-width:900px;margin:0 auto;position:relative;padding-left:2rem;z-index:1}.experience-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#2563eb,#1d4ed8)}.timeline-item{position:relative;margin-bottom:3rem;padding-left:3rem}.timeline-marker{position:absolute;left:-1.5rem;top:0;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:3px solid #ffffff;box-shadow:0 0 0 4px #2563eb26}.timeline-content{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;will-change:transform}.timeline-content:hover{transform:translate(10px) translateZ(0);box-shadow:0 10px 30px #2563eb26;border-color:#3b82f6}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem}.experience-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.experience-period{color:#2563eb;font-weight:600;font-size:.9rem;white-space:nowrap}.experience-company{font-size:1.1rem;color:#64748b;margin-bottom:1rem;font-weight:500}.experience-description{list-style:none;padding:0;margin:0}.experience-description li{color:#475569;line-height:1.8;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.experience-description li:before{content:"▹";position:absolute;left:0;color:#2563eb;font-size:1.2rem}@media (max-width: 768px){.experience-timeline{padding-left:1.5rem}.timeline-item{padding-left:2rem}.timeline-marker{left:-1rem}.experience-header{flex-direction:column}}.contact{padding:6rem 0;background:linear-gradient(135deg,#fff,#f8fafc);background-image:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px);background-size:50px 50px;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;width:550px;height:550px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);border-radius:50%;top:-275px;right:-275px;animation:contactBlob 21s ease-in-out infinite;filter:blur(65px)}.contact:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);border-radius:50%;bottom:-200px;left:-200px;animation:contactBlob2 17s ease-in-out infinite;filter:blur(55px)}@keyframes contactBlob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-110px,90px) scale(1.2)}}@keyframes contactBlob2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(95px,-75px) scale(1.1)}}.contact-shape{position:absolute;pointer-events:none;z-index:0;opacity:.1}.shape-oval{width:180px;height:100px;border:3px solid rgba(37,99,235,.2);border-radius:50%;top:15%;left:3%;transform:rotate(-15deg);animation:ovalFloat 14s ease-in-out infinite}.shape-cross{width:80px;height:80px;position:relative;top:50%;right:5%;animation:crossRotate 16s linear infinite}.shape-cross:before,.shape-cross:after{content:"";position:absolute;background:#2563eb33}.shape-cross:before{width:80px;height:8px;top:50%;left:0;transform:translateY(-50%)}.shape-cross:after{width:8px;height:80px;left:50%;top:0;transform:translate(-50%)}.shape-arrow{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:70px solid rgba(37,99,235,.15);bottom:20%;left:8%;animation:arrowFloat 11s ease-in-out infinite}@keyframes ovalFloat{0%,to{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-15deg) translateY(-20px)}}@keyframes crossRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes arrowFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(10deg)}}.contact-content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;position:relative;z-index:1}.contact-info h3{font-size:2rem;color:#1e293b;margin-bottom:1rem}.contact-info p{color:#475569;line-height:1.8;margin-bottom:2rem;font-size:1.1rem}.contact-details{margin-bottom:2rem;padding:1.5rem;background:#eff6ff;border-radius:8px;border:1px solid #dbeafe}.contact-details p{color:#475569;margin-bottom:.75rem;font-size:1rem}.contact-details p:last-child{margin-bottom:0}.contact-details strong{color:#2563eb}.social-links{display:flex;flex-direction:column;gap:1rem}.social-link{display:flex;align-items:center;gap:1rem;color:#475569;text-decoration:none;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;will-change:transform}.social-link:hover{background:#eff6ff;transform:translate(5px) translateZ(0);border-color:#3b82f6}.social-icon{font-size:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{width:100%}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:1rem;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group textarea{resize:vertical;min-height:120px}.submit-status{padding:1rem;border-radius:8px;margin-top:1rem;font-weight:500;text-align:center}.submit-status.success{background:#d1fae5;border:1px solid #10b981;color:#059669}.submit-status.error{background:#fee2e2;border:1px solid #ef4444;color:#dc2626}.btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 968px){.contact-content{grid-template-columns:1fr}}.App{width:100%;min-height:100vh;overflow-x:hidden;background:#fff;position:relative;animation:fadeIn .5s ease-in-out}.App:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 10% 0%,rgba(37,99,235,.12) 0%,transparent 55%),radial-gradient(circle at 90% 100%,rgba(129,140,248,.14) 0%,transparent 55%);opacity:.6;z-index:-2;pointer-events:none}.App:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(120deg,rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(210deg,rgba(148,163,184,.04) 1px,transparent 1px);background-size:120px 120px;mix-blend-mode:soft-light;opacity:.8;z-index:-3;pointer-events:none}html{scroll-behavior:smooth;scroll-padding-top:80px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9;transition:background .3s ease}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:5px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1e293b;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#fff;color:#1e293b;overflow-x:hidden;scroll-behavior:smooth}#root{width:100%;margin:0 auto}::selection{background:#3b82f633;color:#1e293b}*:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}a,button{transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-content,.project-card,.skill-category,.timeline-content,.stat-item{will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}