body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#3b82f6;--primary-dark:#1e40af;--primary-light:#60a5fa;--secondary:#8b5cf6;--secondary-dark:#6d28d9;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-orange:#f97316;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-ocean:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-sunset:linear-gradient(135deg,#fa709a,#fee140);--gradient-purple:linear-gradient(135deg,#a8edea,#fed6e3);--gradient-cyber:linear-gradient(135deg,#52e5e7,#130cb7);--gradient-fire:linear-gradient(135deg,#ff9a56,#ff6a88);--bg-body:#f8fafc;--bg-card:#ffffffe6;--bg-header:#ffffffb3;--text-main:#0f172a;--text-secondary:#475569;--text-inverse:#fff;--border-light:#e2e8f0cc;--border-gradient:linear-gradient(135deg,#3b82f64d,#8b5cf64d);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #3b82f61a,0 4px 6px -2px #8b5cf60d;--shadow-xl:0 20px 25px -5px #3b82f626,0 10px 10px -5px #8b5cf61a;--shadow-2xl:0 25px 50px -12px #3b82f640;--shadow-glow:0 0 20px #3b82f666;--shadow-glow-purple:0 0 30px #8b5cf680;--glass-blur:blur(16px);--glass-bg:#ffffff1a;--glass-border:#fff3;--transition-base:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-smooth:all 0.5s cubic-bezier(0.34,1.56,0.64,1);--transition-bounce:all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55)}.dark{--bg-body:#0a0e1a;--bg-card:#1e293bcc;--bg-header:#0f172ab3;--text-main:#f1f5f9;--text-secondary:#94a3b8;--border-light:#33415599;--border-gradient:linear-gradient(135deg,#60a5fa4d,#a78bfa4d);--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;--shadow-2xl:0 25px 50px -12px #0009;--shadow-glow:0 0 30px #60a5fa4d;--shadow-glow-purple:0 0 40px #a78bfa66;--glass-bg:#1e293b4d;--glass-border:#94a3b81a}*{box-sizing:border-box}body{background-color:#f8fafc;background-color:var(--bg-body);color:#0f172a;color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6;margin:0;padding:0;transition:background-color .5s ease,color .5s ease}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin:0}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}ul{list-style:none;margin:0;padding:0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.full-height{align-items:center;display:flex;min-height:100vh;padding-top:80px;position:relative}header{backdrop-filter:blur(16px) saturate(180%);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);background:#ffffffb3;background:var(--bg-header);border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000000d;left:0;padding:1rem 0;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base);width:100%;z-index:1000}.dark header{border-bottom:1px solid #94a3b81a;box-shadow:0 4px 30px #0000004d}.header-container{align-items:center;display:flex;justify-content:space-between}.header-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:800}.header-nav ul{display:flex;gap:2rem}.header-nav a{color:#475569;color:var(--text-secondary);font-weight:500;position:relative}.header-nav a:hover{color:#3b82f6;color:var(--primary)}.header-nav a:after{background-color:#3b82f6;background-color:var(--primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base);width:0}.header-nav a:hover:after{width:100%}.theme-toggle-btn{align-items:center;background:#0000;border:1px solid #e2e8f0cc;border:1px solid var(--border-light);border-radius:50%;color:#0f172a;color:var(--text-main);cursor:pointer;display:flex;justify-content:center;margin-left:1.5rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.theme-toggle-btn:hover{background-color:#e2e8f0cc;background-color:var(--border-light);transform:rotate(15deg)}.menu-toggle-btn{background:none;border:none;color:#0f172a;color:var(--text-main);display:none;font-size:1.5rem}@media (max-width:768px){.header-nav{background-color:#ffffffe6;background-color:var(--bg-card);box-shadow:0 20px 25px -5px #3b82f626,0 10px 10px -5px #8b5cf61a;box-shadow:var(--shadow-xl);padding:2rem;position:fixed;right:0;top:70px;transform:translateY(-150%);transition:transform .4s cubic-bezier(.16,1,.3,1);width:100%;z-index:999}.header-nav.open{transform:translateY(0)}.header-nav ul{align-items:center;flex-direction:column;gap:1.5rem}.menu-toggle-btn{display:block;margin-left:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%,to{transform:rotate(0deg)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.home-content{animation:fadeInUp 1s ease-out;margin:0 auto;max-width:800px;text-align:center}.home-title{-webkit-text-fill-color:#0000;animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:3.5rem;font-weight:800;margin-bottom:1rem}.wave-emoji{animation:wave 2s infinite;display:inline-block;transform-origin:70% 70%}.home-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-ocean);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600;margin-bottom:2rem}.home-description{color:#475569;color:var(--text-secondary);font-size:1.125rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:650px}.tech-highlight{color:#3b82f6;color:var(--primary);display:inline-block;font-weight:700;position:relative}.btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 10px 15px -3px #3b82f61a,0 4px 6px -2px #8b5cf60d,0 0 20px #3b82f666;box-shadow:var(--shadow-lg),var(--shadow-glow);color:#fff}.primary-btn:hover{box-shadow:0 20px 25px -5px #3b82f626,0 10px 10px -5px #8b5cf61a,0 0 30px #8b5cf680;box-shadow:var(--shadow-xl),var(--shadow-glow-purple);transform:translateY(-3px) scale(1.02)}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.btn:hover .btn-icon{transform:translateX(3px)}.version-tag{bottom:2rem;color:#475569;color:var(--text-secondary);font-size:.8rem;opacity:.6;position:absolute;right:2rem}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#475569);background:linear-gradient(135deg,var(--text-main),var(--text-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:3rem;text-align:center}.about-content{align-items:center;display:flex;gap:4rem;margin-bottom:4rem}@media (max-width:900px){.about-content{flex-direction:column-reverse;text-align:center}}.about-card{backdrop-filter:blur(16px) saturate(180%);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);background:#ffffffe6;background:var(--bg-card);border:1px solid #0000;border-radius:2rem;box-shadow:0 20px 25px -5px #3b82f626,0 10px 10px -5px #8b5cf61a;box-shadow:var(--shadow-xl);flex:1 1;overflow:hidden;padding:3rem;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.about-card:before{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent-cyan));border-radius:2rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;padding:2px;position:absolute}.about-card:hover{box-shadow:0 25px 50px -12px #3b82f640,0 0 40px #3b82f633;box-shadow:var(--shadow-2xl),0 0 40px #3b82f633;transform:translateY(-8px)}.about-card:hover:before{opacity:1}.about-intro{color:#475569;color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.highlight{color:#3b82f6;color:var(--primary);font-weight:700}.profile-image{background:linear-gradient(#ffffffe6,#ffffffe6) padding-box,linear-gradient(135deg,#3b82f6,#8b5cf6) border-box;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(135deg,var(--primary),var(--secondary)) border-box;border:3px solid #0000;border-radius:2rem;box-shadow:0 20px 25px -5px #3b82f626,0 10px 10px -5px #8b5cf61a;box-shadow:var(--shadow-xl);height:300px;overflow:hidden;position:relative;transform:rotate(3deg);transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:300px}.profile-image:hover{box-shadow:0 25px 50px -12px #3b82f640,0 0 40px #3b82f64d;box-shadow:var(--shadow-2xl),0 0 40px #3b82f64d;transform:rotate(0deg) scale(1.05)}.profile-image img{height:100%;object-fit:cover;width:100%}.image-overlay{background:linear-gradient(0deg,#000000e6,#0000);bottom:0;color:#fff;left:0;padding:1.25rem;position:absolute;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base);width:100%}.profile-image:hover .image-overlay{background:linear-gradient(0deg,#3b82f6cc,#0000)}.skills-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#3b82f6);background:linear-gradient(135deg,var(--text-main),var(--primary));-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:2.5rem;text-align:center}.skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.skill-card{backdrop-filter:blur(16px) saturate(180%);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);background:#ffffffe6;background:var(--bg-card);border:1px solid #0000;border-radius:1.5rem;box-shadow:0 10px 15px -3px #3b82f61a,0 4px 6px -2px #8b5cf60d;box-shadow:var(--shadow-lg);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.skill-card:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:1.5rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .4s ease}.skill-card:hover:before{opacity:.8}.skill-card:hover{box-shadow:0 25px 50px -12px #3b82f640,0 0 30px #3b82f633;box-shadow:var(--shadow-2xl),0 0 30px #3b82f633;transform:translateY(-10px) scale(1.03)}.skill-icon{display:inline-block;filter:drop-shadow(0 4px 8px rgba(59,130,246,.2));font-size:3rem;margin-bottom:1.25rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.skill-card:hover .skill-icon{animation:iconPulse 1.5s ease-in-out infinite;transform:scale(1.3) rotate(10deg)}.skill-card h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.1rem;margin-bottom:.75rem}.skill-card p{font-size:.95rem;line-height:1.6}.section-subtitle,.skill-card p{color:#475569;color:var(--text-secondary)}.section-subtitle{margin-bottom:2rem;text-align:center}.filter-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.filter-btn{background:#0000;border:1px solid #e2e8f0cc;border:1px solid var(--border-light);border-radius:2rem;color:#475569;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.filter-btn.active,.filter-btn:hover{background-color:#3b82f6;background-color:var(--primary);border-color:#3b82f6;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{backdrop-filter:blur(16px) saturate(180%);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);background:#ffffffe6;background:var(--bg-card);border:1px solid #0000;border-radius:1.75rem;box-shadow:0 10px 15px -3px #3b82f61a,0 4px 6px -2px #8b5cf60d;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.project-card:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent-pink));border-radius:1.75rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .4s ease}.project-card:hover:before{opacity:1}.project-card:hover{box-shadow:0 25px 50px -12px #3b82f640,0 0 40px #8b5cf64d;box-shadow:var(--shadow-2xl),0 0 40px #8b5cf64d;transform:translateY(-15px) scale(1.03)}.project-image-container{height:220px;overflow:hidden;position:relative}.project-image-container img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.project-card:hover .project-image-container img{transform:scale(1.15)}.project-overlay{align-items:center;background:linear-gradient(135deg,#667eeacc,#764ba2cc);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.project-card:hover .project-overlay{opacity:1}.view-details{border:2px solid #fff;border-radius:2rem;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.project-overlay:hover .view-details{background:#fff;color:#3b82f6;color:var(--primary);transform:scale(1.1)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:2rem}.project-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#3b82f6);background:linear-gradient(135deg,var(--text-main),var(--primary));-webkit-background-clip:text;background-clip:text;font-size:1.35rem;margin-bottom:.75rem}.project-content p{color:#475569;color:var(--text-secondary);flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:1.25rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea4d;border-radius:1.5rem;color:#3b82f6;color:var(--primary);font-size:.8rem;font-weight:700;padding:.4rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.tech-tag:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.dark .tech-tag{background:linear-gradient(135deg,#60a5fa33,#a78bfa33);border-color:#60a5fa66;color:#60a5fa;color:var(--primary-light)}.modal{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#000c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .4s ease;backdrop-filter:blur(16px) saturate(180%);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);background-color:#ffffffe6;background-color:var(--bg-card);border:1px solid #0000;border-radius:2rem;box-shadow:0 25px 50px -12px #3b82f640,0 0 60px #3b82f64d;box-shadow:var(--shadow-2xl),0 0 60px #3b82f64d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-content:before{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent-pink));border-radius:2rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;padding:2px;position:absolute}.project-detail-header{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;padding:2rem 2.5rem}.project-detail-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.75rem}.close-btn{align-items:center;background:#f8fafc;background:var(--bg-body);border:2px solid #e2e8f0cc;border:2px solid var(--border-light);border-radius:50%;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;line-height:1;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:40px}.close-btn:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#0000;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:rotate(90deg) scale(1.1)}.project-detail-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}@media (max-width:768px){.project-detail-content{grid-template-columns:1fr}}.project-image img{border-radius:1rem;width:100%}.project-link{background-color:#3b82f6;background-color:var(--primary);border-radius:.5rem;color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes iconPulse{0%,to{box-shadow:0 0 20px #3b82f666;transform:scale(1)}50%{box-shadow:0 0 30px #8b5cf699;transform:scale(1.05)}}.contact-container{display:flex;flex-direction:column}.contact-subtitle{-webkit-text-fill-color:#0000;animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2rem;font-weight:800;margin-bottom:1.5rem}.contact-text{color:#475569;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.25rem}.form-title{-webkit-text-fill-color:#0000;animation:gradientShift 6s ease infinite;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-ocean);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.75rem;font-weight:800;margin-bottom:2rem;text-align:center}.contact-content{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.contact-card,.form-card{backdrop-filter:blur(16px) saturate(180%);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);background:#ffffffe6;background:var(--bg-card);border:1px solid #0000;border-radius:2rem;box-shadow:0 20px 25px -5px #3b82f626,0 10px 10px -5px #8b5cf61a;box-shadow:var(--shadow-xl);flex:1 1;max-width:550px;min-width:320px;overflow:hidden;padding:3rem;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.contact-card:before,.form-card:before{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent-cyan));border-radius:2rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;padding:2px;position:absolute}.contact-card:hover,.form-card:hover{box-shadow:0 25px 50px -12px #3b82f640,0 0 40px #3b82f633;box-shadow:var(--shadow-2xl),0 0 40px #3b82f633;transform:translateY(-8px)}.contact-card:hover:before,.form-card:hover:before{opacity:1}.contact-methods{display:flex;flex-direction:column;gap:2rem;margin-top:2.5rem}.contact-method{align-items:center;background:linear-gradient(135deg,#f8fafc,#ffffffe6);background:linear-gradient(135deg,var(--bg-body) 0,var(--bg-card) 100%);border:2px solid #0000;border-radius:1.25rem;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.contact-method:before{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.contact-method:hover:before{opacity:1}.contact-method:hover{background:#ffffffe6;background:var(--bg-card);border-color:#3b82f6;border-color:var(--primary);box-shadow:0 10px 15px -3px #3b82f61a,0 4px 6px -2px #8b5cf60d,0 0 20px #3b82f626;box-shadow:var(--shadow-lg),0 0 20px #3b82f626;transform:translateX(10px) scale(1.02)}.contact-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 20px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:2rem;height:70px;justify-content:center;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:70px}.contact-icon:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;content:"";inset:-3px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.contact-method:hover .contact-icon{animation:iconPulse 2s ease-in-out infinite;box-shadow:0 12px 30px #8b5cf680;transform:scale(1.15) rotate(-5deg)}.contact-method:hover .contact-icon:after{opacity:.3}.contact-label{color:#475569;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.contact-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#3b82f6);background:linear-gradient(135deg,var(--text-main),var(--primary));-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700}.form-group{margin-bottom:2rem;position:relative}.form-group label{color:#0f172a;color:var(--text-main);display:block;font-size:.95rem;font-weight:600;letter-spacing:.3px;margin-bottom:.75rem}.form-group input,.form-group textarea{background:#f8fafc;background:var(--bg-body);border:2px solid #e2e8f0cc;border:2px solid var(--border-light);border-radius:1.25rem;color:#0f172a;color:var(--text-main);font-family:inherit;font-size:1rem;padding:1.25rem 1.5rem;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffffe6;background:var(--bg-card);border-color:#0000;box-shadow:0 0 0 3px #3b82f626,0 8px 20px #3b82f633,inset 0 0 0 2px #3b82f6;box-shadow:0 0 0 3px #3b82f626,0 8px 20px #3b82f633,inset 0 0 0 2px var(--primary);outline:none;transform:translateY(-3px)}.form-group textarea{min-height:150px;resize:vertical}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;border:none;border-radius:1.25rem;box-shadow:0 10px 25px #3b82f64d,0 0 20px #3b82f633;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:1.25rem;position:relative;text-transform:uppercase;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:100%}.submit-btn:before{background:#fff6;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.submit-btn:hover:before{height:500px;width:500px}.submit-btn:hover{background-position:100% 50%;box-shadow:0 15px 35px #8b5cf666,0 0 30px #8b5cf64d;transform:translateY(-4px) scale(1.02)}.submit-btn:active{transform:translateY(-2px) scale(.98)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn:disabled,.submit-btn:disabled:hover{box-shadow:none;transform:none}.form-status{animation:fadeInUp .5s ease;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);font-weight:600;margin-top:1.5rem;padding:1.25rem;text-align:center}.form-status.success{background:linear-gradient(135deg,#10b98126,#05966926);border:2px solid #10b98166;color:#059669}.form-status.error{background:linear-gradient(135deg,#ef444426,#dc262626);border:2px solid #ef444466;color:#dc2626}@media (max-width:768px){.contact-card,.form-card{padding:2rem}.contact-subtitle{font-size:1.75rem}.form-title{font-size:1.5rem}.contact-icon{font-size:1.75rem;height:60px;width:60px}.contact-method{padding:1.25rem}}footer{background-color:#ffffffe6;background-color:var(--bg-card);border-top:1px solid #e2e8f0cc;border-top:1px solid var(--border-light);color:#475569;color:var(--text-secondary);font-size:.9rem;padding:2rem;text-align:center}.experience-container{margin:0 auto;max-width:900px}.timeline{padding:2rem 0;position:relative}.timeline:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6,#06b6d4);background:linear-gradient(180deg,var(--primary),var(--secondary),var(--accent-cyan));bottom:0;box-shadow:0 0 10px #3b82f64d;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}@media (max-width:768px){.timeline:before{left:20px}}.timeline-item{margin-bottom:3rem;position:relative;width:100%}.timeline-item:nth-child(2n) .timeline-content{margin-left:auto}.timeline-content{backdrop-filter:blur(16px) saturate(180%);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);background-color:#ffffffe6;background-color:var(--bg-card);border:1px solid #0000;border-radius:1.5rem;box-shadow:0 10px 15px -3px #3b82f61a,0 4px 6px -2px #8b5cf60d;box-shadow:var(--shadow-lg);overflow:hidden;padding:2rem;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:calc(50% - 30px)}.timeline-content:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:1.5rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .4s ease}.timeline-content:hover{box-shadow:0 20px 25px -5px #3b82f626,0 10px 10px -5px #8b5cf61a,0 0 30px #3b82f633;box-shadow:var(--shadow-xl),0 0 30px #3b82f633;transform:translateY(-5px) scale(1.02)}.timeline-content:hover:before{opacity:.8}@media (max-width:768px){.timeline-content{margin-left:50px!important;width:calc(100% - 50px)}}.timeline-dot{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border:4px solid #f8fafc;border:4px solid var(--bg-body);border-radius:50%;box-shadow:0 0 0 3px #3b82f6,0 0 20px #3b82f680;box-shadow:0 0 0 3px var(--primary),0 0 20px #3b82f680;height:20px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:20px;z-index:10}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #3b82f6,0 0 20px #3b82f680;box-shadow:0 0 0 3px var(--primary),0 0 20px #3b82f680}50%{box-shadow:0 0 0 6px #3b82f6,0 0 30px #8b5cf6b3;box-shadow:0 0 0 6px var(--primary),0 0 30px #8b5cf6b3}}@media (max-width:768px){.timeline-dot{left:20px}}.timeline-header{margin-bottom:1rem}.timeline-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.company-name{color:#0f172a;color:var(--text-main);display:block;font-size:1.05rem;font-weight:700;margin-bottom:.25rem}.period{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:1rem;color:#475569;color:var(--text-secondary);display:inline-block;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;margin-top:.25rem;padding:.25rem .75rem}.timeline-content p{line-height:1.7;margin-bottom:1rem}.resume-download{margin-top:4rem;text-align:center}.resume-download .btn{box-shadow:0 20px 25px -5px #3b82f626,0 10px 10px -5px #8b5cf61a,0 0 30px #3b82f64d;box-shadow:var(--shadow-xl),0 0 30px #3b82f64d}
/*# sourceMappingURL=main.3e54cd31.css.map*/