*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-blue: #2563eb;--primary-purple: #7c3aed;--accent-cyan: #06b6d4;--dark: #0f172a;--dark-secondary: #1e293b;--gray: #64748b;--light-gray: #94a3b8;--light-bg: #f8fafc;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#1e293b;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:80px}.glass-effect{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.parallax-slow{transform:translateZ(0);will-change:transform}.interactive-card{transition:all var(--transition-base);position:relative}.interactive-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2563eb0d,#7c3aed0d);opacity:0;transition:opacity var(--transition-base);pointer-events:none;border-radius:inherit}.interactive-card:hover:before{opacity:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-blue),var(--primary-purple));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-purple),var(--primary-blue))}::selection{background:var(--primary-blue);color:#fff}::-moz-selection{background:var(--primary-blue);color:#fff}.container{position:relative;z-index:1}.section-title{position:relative;display:inline-block}.title-underline{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-purple));border-radius:2px;animation:expandWidth 1s ease-out .5s both}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.25rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(226,232,240,.3)}.navbar.scrolled{background:#fffffff2;box-shadow:0 4px 30px #0000000f,0 1px 3px #0000000d;border-bottom:1px solid rgba(226,232,240,.5);padding:1rem 2rem}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#2563eb,#7c3aed,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;letter-spacing:-.02em}.logo:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#2563eb,#7c3aed);transition:width .4s cubic-bezier(.4,0,.2,1)}.logo:hover:after{width:100%}.logo:hover{transform:translateY(-2px);filter:brightness(1.1)}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-menu a{color:#1e293b;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;padding:.5rem 0}.nav-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease;border-radius:2px}.nav-menu a:hover{color:#3b82f6}.nav-menu a:hover:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:0}.mobile-menu-btn span{width:25px;height:3px;background-color:#3b82f6;transition:all .3s ease;border-radius:2px}@media(max-width:768px){.mobile-menu-btn{display:flex}.nav-menu{position:fixed;top:70px;left:-100%;flex-direction:column;background-color:#fffffffa;width:100%;padding:2rem;gap:1.5rem;transition:left .3s ease;box-shadow:0 4px 6px #0000001a}.nav-menu.active{left:0}.nav-menu a{color:#333;font-size:1.2rem}.navbar .nav-menu a{color:#333}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;color:#1e293b;text-align:center;padding:2rem;position:relative;overflow:hidden}.hero-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(37,99,235,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(37,99,235,.08) 1px,transparent 1px);background-size:80px 80px;opacity:1;z-index:0;animation:gridFloat 20s ease-in-out infinite}.hero-grid:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(124,58,237,.05) 2px,transparent 2px),linear-gradient(to bottom,rgba(124,58,237,.05) 2px,transparent 2px);background-size:80px 80px;animation:gridFloat 15s ease-in-out infinite reverse}.hero-grid:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at center,rgba(37,99,235,.15) 1.5px,transparent 1.5px);background-size:80px 80px;animation:gridPulse 4s ease-in-out infinite}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;transition:background .3s ease}.hero-content{max-width:800px;position:relative;z-index:2;animation:fadeInUp 1s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid rgba(59,130,246,.3);border-radius:50px;font-size:.9rem;color:#3b82f6;margin-bottom:2rem;animation:slideDown 1s ease-out .2s both}.badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-title{font-size:4.5rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(135deg,#0f172a,#2563eb 40%,#7c3aed,#06b6d4);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slideDown 1s ease-out .4s both,gradientShift 8s ease infinite;line-height:1.15;letter-spacing:-.03em;text-shadow:0 0 80px rgba(37,99,235,.3)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.highlight{position:relative;color:#3b82f6;-webkit-text-fill-color:#3b82f6}.highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);animation:underlineExpand 1s ease-out 1s both}.hero-subtitle{font-size:1.5rem;margin-bottom:1rem;color:#64748b;font-weight:500;animation:slideDown 1s ease-out .6s both}.hero-description{font-size:1.1rem;margin-bottom:2.5rem;color:#64748b;line-height:1.8;animation:slideDown 1s ease-out .8s both}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:slideDown 1s ease-out 1s both}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.125rem 2.5rem;border-radius:14px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;letter-spacing:.01em}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff40;transform:translate(-50%,-50%);transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1)}.btn:hover:before{width:400px;height:400px}.btn:after{content:"";position:absolute;inset:0;border-radius:14px;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.btn:hover:after{opacity:1}.btn span,.btn svg{position:relative;z-index:1}.btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 10px 30px -5px #2563eb66,0 4px 12px -2px #2563eb33;border:1px solid rgba(255,255,255,.2)}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px -10px #2563eb80,0 10px 20px -5px #7c3aed4d;background:linear-gradient(135deg,#1d4ed8,#6d28d9)}.btn-primary svg{transition:transform .3s ease}.btn-primary:hover svg{transform:translate(5px)}.btn-secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#2563eb;border:2px solid rgba(37,99,235,.3);box-shadow:0 4px 12px -2px #0000000d}.btn-secondary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-color:transparent;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px -8px #2563eb66}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#64748b;font-size:.85rem;animation:fadeIn 1s ease-out 1.5s both;z-index:2}.mouse{width:24px;height:40px;border:2px solid #3b82f6;border-radius:12px;position:relative}.mouse:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:8px;background:#3b82f6;border-radius:2px;animation:scroll 2s ease-in-out infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes scroll{0%{transform:translate(-50%);opacity:0}40%{opacity:1}80%{transform:translate(-50%,15px);opacity:0}to{opacity:0}}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes gridFloat{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-10px) translate(5px)}66%{transform:translateY(5px) translate(-8px)}}@keyframes underlineExpand{0%{width:0}to{width:100%}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.hero-grid{background-size:60px 60px}.hero-grid:before{background-size:60px 60px}.hero-grid:after{background-size:60px 60px}.scroll-indicator{bottom:1rem}}.about{padding:6rem 2rem;background:linear-gradient(180deg,#f8fafc,#fff);position:relative;overflow:hidden}.about:before{content:"";position:absolute;top:0;right:-10%;width:40%;height:100%;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:50%;filter:blur(60px)}.container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-title{font-size:3rem;text-align:center;margin-bottom:4rem;color:#1e293b;position:relative;font-weight:700;animation:fadeInDown .8s ease-out}.title-underline{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;animation:expandWidth 1s ease-out .5s both}.about-content{display:grid;grid-template-columns:400px 1fr;gap:5rem;align-items:center;animation:fadeInUp .8s ease-out .3s both;max-width:1200px;margin:0 auto}.about-image-container{position:relative;display:flex;justify-content:center;align-items:center;width:400px;height:400px}.image-backdrop{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;filter:blur(40px);opacity:.2;animation:pulse 4s ease-in-out infinite}.about-image{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026;animation:floatImage 6s ease-in-out infinite}.about-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.about-image:hover img{transform:scale(1.05)}.image-border{position:absolute;inset:-10px;border:3px solid transparent;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#8b5cf6) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;animation:rotateBorder 8s linear infinite}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-heading{font-size:2rem;color:#1e293b;margin-bottom:.5rem;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-text p{font-size:1.1rem;line-height:1.8;color:#64748b}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:1rem}.stat-item{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:12px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #3b82f633}.stat-item h4{font-size:2.5rem;color:#3b82f6;margin-bottom:.5rem;font-weight:700}.stat-item p{font-size:.9rem;color:#64748b;margin:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{0%{width:0}to{width:80px}}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:968px){.about-content{grid-template-columns:1fr;gap:3rem}.about-image-container{order:-1;width:300px;height:300px;margin:0 auto}}@media(max-width:768px){.about{padding:4rem 1.5rem}.section-title{font-size:2rem}.about-heading{font-size:1.5rem}.about-text p{font-size:1rem}.about-stats{grid-template-columns:1fr;gap:1rem}.stat-item h4{font-size:2rem}.about-image-container{width:250px;height:250px}}.skills{padding:6rem 2rem;background:linear-gradient(180deg,#fff,#f8fafc);position:relative}.skills:before{content:"";position:absolute;top:0;left:-10%;width:40%;height:100%;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:50%;filter:blur(60px)}.skills-categories{display:grid;gap:3rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.skill-category{background:#fff;padding:2.5rem;border-radius:20px;border:1px solid rgba(226,232,240,.8);transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both;animation-delay:var(--delay);box-shadow:0 4px 6px -1px #0000000d}.skill-category:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a}.category-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.category-items{display:flex;flex-wrap:wrap;gap:1rem}.skill-tag{padding:.75rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;border:2px solid;background:#fffc;transition:all .3s ease;cursor:pointer;animation:fadeInScale .4s ease-out both;animation-delay:var(--item-delay);display:flex;align-items:center;gap:.5rem}.skill-tag .skill-icon{width:20px;height:20px;object-fit:contain;transition:transform .3s ease}.skill-tag:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px -5px currentColor;background:currentColor;color:#fff!important}.skill-tag:hover .skill-icon{transform:scale(1.1) rotate(5deg);filter:brightness(0) invert(1)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto;position:relative;z-index:1}.skill-card{background:#fff;padding:2.5rem 1.5rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid rgba(226,232,240,.8);animation:fadeInScale .6s ease-out both;animation-delay:var(--delay);position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);opacity:0;transition:opacity .4s ease}.skill-card:hover:before{opacity:1}.skill-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #3b82f626;border-color:#3b82f64d}.skill-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;transition:transform .4s ease;position:relative;z-index:1}.skill-icon svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:filter .4s ease}.skill-card:hover .skill-icon{transform:scale(1.15) rotateY(10deg)}.skill-card:hover .skill-icon svg{filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}.skill-name{font-weight:600;color:#1e293b;font-size:1.1rem;text-align:center;position:relative;z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:968px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.skills-categories{gap:2.5rem}.skill-category{padding:2rem}.category-title{font-size:1.3rem}.skill-tag{padding:.65rem 1.3rem;font-size:.9rem}}@media(max-width:768px){.skills{padding:4rem 1.5rem}.skills-categories{gap:2rem}.skill-category{padding:1.5rem}.category-title{font-size:1.2rem;margin-bottom:1rem}.category-items{gap:.75rem}.skill-tag{padding:.6rem 1.2rem;font-size:.85rem}.skill-tag .skill-icon{width:18px;height:18px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.skill-card{padding:2rem 1rem}.skill-icon{width:50px;height:50px}.skill-name{font-size:.95rem}}@media(max-width:480px){.skills-categories{gap:1.5rem}.skill-category{padding:1.25rem}.category-title{font-size:1.1rem}.category-items{gap:.5rem}.skill-tag{padding:.5rem 1rem;font-size:.8rem}.skill-tag .skill-icon{width:16px;height:16px}}.experience{padding:6rem 2rem;background:linear-gradient(180deg,#fff,#f8fafc);position:relative}.experience:before{content:"";position:absolute;top:0;right:-10%;width:40%;height:100%;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:50%;filter:blur(60px)}.timeline{max-width:1000px;margin:0 auto;position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#667eea,#764ba2)}.timeline-item{position:relative;margin-bottom:3rem;animation:fadeInLeft .6s ease-out}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-2.5rem;top:0;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #ffffff;box-shadow:0 0 0 4px #f0f0f0;z-index:1}.timeline-content{background:#f8f9fa;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.experience-title{font-size:1.5rem;color:#333;margin:0}.experience-period{font-size:.95rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);padding:.4rem 1rem;border-radius:20px;font-weight:600}.experience-company{font-size:1.1rem;color:#667eea;margin:0 0 1rem;font-weight:600}.experience-description{color:#555;line-height:1.7;margin-bottom:1rem}.experience-achievements{list-style:none;padding:0;margin:0}.experience-achievements li{padding:.5rem 0 .5rem 1.5rem;color:#666;position:relative;line-height:1.6}.experience-achievements li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.2rem}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.experience{padding:3rem 1.5rem}.timeline{padding-left:1.5rem}.timeline:before{left:0}.timeline-dot{left:-1.9rem;width:16px;height:16px}.timeline-content{padding:1.5rem}.experience-header{flex-direction:column;align-items:flex-start}.experience-title{font-size:1.3rem}.experience-period{font-size:.85rem;padding:.3rem .8rem}.experience-company{font-size:1rem}}.projects{padding:6rem 2rem;background:linear-gradient(180deg,#f8fafc,#fff);position:relative}.projects:before{content:"";position:absolute;top:0;right:-10%;width:40%;height:100%;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:50%;filter:blur(60px)}.projects-grid{display:flex;flex-direction:column;gap:3rem;max-width:1100px;margin:0 auto;position:relative;z-index:1}.project-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a;transition:all .5s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:45% 55%;gap:0;animation:fadeInSlide .8s ease-out both;border:1px solid rgba(226,232,240,.6);align-items:center;position:relative}.project-card:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,#2563eb33,#7c3aed33);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s}.project-card:hover:before{opacity:1}.project-card:nth-child(2n){grid-template-columns:55% 45%}.project-card:nth-child(2n) .project-image{order:2}.project-card:nth-child(2n) .project-content{order:1}.project-card:hover{transform:translateY(-12px) scale(1.01);box-shadow:0 30px 60px -12px #2563eb40,0 18px 36px -18px #7c3aed33;border-color:#2563eb66}.project-image{width:100%;height:100%;min-height:400px;overflow:hidden;position:relative}.project-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f633,#8b5cf633);opacity:0;transition:opacity .4s ease;z-index:1}.project-card:hover .project-image:before{opacity:1}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-image img{transform:scale(1.1) rotate(2deg)}.project-content{padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.project-title{font-size:2rem;color:#1e293b;margin-bottom:1rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-description{color:#64748b;line-height:1.8;margin-bottom:1.5rem;font-size:1.05rem}.project-tech{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.tech-tag{padding:.625rem 1.25rem;background:linear-gradient(135deg,#2563eb14,#7c3aed14);color:#2563eb;border:1px solid rgba(37,99,235,.25);border-radius:10px;font-size:.875rem;font-weight:700;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tech-tag:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2563eb,#7c3aed);opacity:0;transition:opacity .3s}.tech-tag:hover:before{opacity:1}.tech-tag:hover{color:#fff;transform:translateY(-3px) scale(1.05);border-color:transparent;box-shadow:0 8px 20px -4px #2563eb66}.tech-tag span{position:relative;z-index:1}.project-links{display:flex;gap:1rem}.project-link{padding:.75rem 1.5rem;background:transparent;border:2px solid #3b82f6;color:#3b82f6;text-decoration:none;font-weight:600;border-radius:10px;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.project-link:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media(max-width:968px){.project-card{grid-template-columns:1fr!important}.project-card:nth-child(2n) .project-image{order:1}.project-card:nth-child(2n) .project-content{order:2}.project-image{min-height:250px}.project-content{padding:2rem}}@media(max-width:768px){.projects{padding:4rem 1.5rem}.projects-grid{gap:2rem}.project-title{font-size:1.5rem}.project-description{font-size:1rem}}.contact{padding:6rem 2rem;background:linear-gradient(180deg,#fff,#f8fafc);position:relative}.contact:before{content:"";position:absolute;top:0;left:-10%;width:40%;height:100%;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:50%;filter:blur(60px)}.contact-content{display:grid;grid-template-columns:45% 55%;gap:4rem;max-width:1200px;margin:0 auto;align-items:start}.contact-info h3{font-size:2rem;color:#1e293b;margin-bottom:1rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-info p{color:#64748b;line-height:1.8;margin-bottom:2rem;font-size:1.05rem}.contact-details{margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#64748b;padding:.75rem;border-radius:10px;transition:all .3s ease}.contact-item:hover{background:#3b82f60d;transform:translate(5px)}.contact-icon{font-size:1.5rem;filter:grayscale(.3)}.social-links{display:flex;gap:1rem;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.75rem;color:#fff;text-decoration:none;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700;font-size:.95rem;letter-spacing:.01em;box-shadow:0 4px 12px -2px #00000026;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.social-link:hover:before{left:100%}.social-link svg{width:24px;height:24px;transition:transform .3s ease}.social-link:hover svg{transform:scale(1.2) rotate(5deg)}.social-link:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 30px -8px #0000004d}.social-link.github{background:linear-gradient(135deg,#333,#24292e)}.social-link.github:hover{background:linear-gradient(135deg,#24292e,#000)}.social-link.linkedin{background:linear-gradient(135deg,#0077b5,#0073b1)}.social-link.linkedin:hover{background:linear-gradient(135deg,#006399,#005885)}.social-link.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.social-link.twitter:hover{background:linear-gradient(135deg,#0d8bd9,#0a70b8)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1.125rem 1.5rem;border:2px solid rgba(226,232,240,.8);border-radius:14px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0f172a;font-weight:500}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14,0 4px 12px -2px #2563eb26;transform:translateY(-2px);background:#fff}.contact-form .btn{align-self:flex-start;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;padding:1.125rem 2.75rem;display:inline-flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.05rem;border-radius:14px;box-shadow:0 10px 30px -5px #2563eb66;position:relative;overflow:hidden}.contact-form .btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1d4ed8,#6d28d9);opacity:0;transition:opacity .3s}.contact-form .btn:hover:before{opacity:1}.contact-form .btn span{position:relative;z-index:1}.contact-form .btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px -10px #2563eb80}@media(max-width:768px){.contact{padding:3rem 1.5rem}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info h3{font-size:1.5rem}}.footer{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.footer p{margin:.5rem 0;opacity:.9;position:relative;z-index:1;font-size:1rem}.footer p:first-child{font-weight:600;font-size:1.1rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App{width:100%}*{scroll-behavior:smooth}