@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-family:Poppins,sans-serif;font-style:normal;font-weight:400}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{bottom:0;color:#080808;font-size:2.5rem!important;height:fit-content;left:0;margin-top:500px;position:absolute;right:0;text-align:center;text-shadow:0 0 25px #ff6f00;top:30%}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#7c3aed;--accent:#059669;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gradient-primary:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);--gradient-accent:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);--gradient-warm:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);--gradient-cool:linear-gradient(135deg,#667eea,#764ba2);--gradient-dark:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-900) 100%);--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 #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 20px #6366f14d;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}*{box-sizing:border-box;margin:0;padding:0}body{background:#f9fafb;background:var(--gray-50);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-weight:400;line-height:1.6;overflow-x:hidden}.modern-portfolio{background:linear-gradient(135deg,#1e3a8a,#3730a3 50%,#1e40af);min-height:100vh;overflow:hidden;position:relative}.modern-portfolio:before{background:radial-gradient(circle at 20% 20%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ec48991a 0,#0000 50%),radial-gradient(circle at 40% 60%,#06b6d41a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;padding:var(--space-8);position:relative}.hero-content{grid-gap:4rem;grid-gap:var(--space-16);align-items:center;display:grid;gap:4rem;gap:var(--space-16);grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.hero-text{z-index:2}.hero-image{align-items:center;display:flex;justify-content:center;position:relative}.profile-image-container{height:350px;position:relative;width:350px}.profile-image{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:8px solid #ffffffe6;border-radius:50%;box-shadow:0 25px 50px -12px #00000040,0 0 20px #2563eb4d,0 0 40px #2563eb1a,inset 0 0 20px #ffffff1a;box-shadow:var(--shadow-2xl),0 0 20px #2563eb4d,0 0 40px #2563eb1a,inset 0 0 20px #ffffff1a;height:100%;object-fit:cover;transition:all .5s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow);width:100%}.profile-image:hover{border-color:#fff;box-shadow:0 25px 50px -12px #00000040,0 0 30px #2563eb80,0 0 60px #2563eb33,0 0 80px #a855f71a,inset 0 0 30px #fff3;box-shadow:var(--shadow-2xl),0 0 30px #2563eb80,0 0 60px #2563eb33,0 0 80px #a855f71a,inset 0 0 30px #fff3;transform:scale(1.05) rotate(3deg)}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);background:linear-gradient(135deg,var(--white) 0,#fffc 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.hero-subtitle{color:#ffffffe6;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:500;line-height:1.4;margin-bottom:2rem;margin-bottom:var(--space-8)}.hero-description{color:#fffc;font-size:1.1rem;line-height:1.7;max-width:500px}.contact-links,.hero-description{margin-bottom:2.5rem;margin-bottom:var(--space-10)}.contact-links{display:flex;gap:1.5rem;gap:var(--space-6)}.contact-link{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;color:#fff;color:var(--white);display:flex;font-size:1.5rem;height:60px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:60px}.contact-link,.contact-link:before{border-radius:1rem;border-radius:var(--radius-2xl)}.contact-link:before{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.contact-link:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #6366f14d;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-5px) scale(1.1)}.contact-link:hover:before{opacity:.8}.contact-link svg{position:relative;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal);z-index:1}.contact-link svg,.contact-link:hover svg{color:#fff;color:var(--white)}.scroll-indicator{align-items:center;bottom:2rem;bottom:var(--space-8);color:#ffffffb3;cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-2);left:50%;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.scroll-indicator:hover{color:#fff;color:var(--white);transform:translateX(-50%) translateY(-5px)}.scroll-arrow{animation:bounce-arrow 2s infinite;border:2px solid;border-left:none;border-top:none;height:24px;transform:rotate(45deg);width:24px}.content-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);overflow:hidden;padding:5rem 2rem;padding:var(--space-20) var(--space-8);position:relative;z-index:2}.content-section:before{animation:float-background 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#2563eb14 0,#0000 40%),radial-gradient(circle at 80% 20%,#a855f70f 0,#0000 35%),radial-gradient(circle at 40% 70%,#3b82f60d 0,#0000 45%),radial-gradient(circle at 90% 80%,#9333ea0a 0,#0000 30%)}.content-section:after,.content-section:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.content-section:after{animation:grid-shift 15s linear infinite;background-image:linear-gradient(90deg,#2563eb05 1px,#0000 0),linear-gradient(180deg,#2563eb05 1px,#0000 0);background-size:60px 60px;opacity:.3}.section-container{margin:0 auto;max-width:1200px;position:relative}.section-header{margin-bottom:4rem;margin-bottom:var(--space-16);text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.section-subtitle{color:#4b5563;color:var(--gray-600);font-size:1.2rem;margin:0 auto;max-width:600px}.skills-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:4rem;margin-bottom:var(--space-16)}.skill-item{background:#fff;background:var(--white);border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:.75rem;border-radius:var(--radius-xl);color:#374151;color:var(--gray-700);cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:1rem .75rem;padding:var(--space-4) var(--space-3);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.skill-item:before{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.skill-item:hover{border-color:#2563eb;border-color:var(--primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);color:#fff;color:var(--white);transform:translateY(-8px) scale(1.05)}.skill-item:hover:before{opacity:1}.skill-item span,.skill-item svg{position:relative;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal);z-index:1}.skill-item:hover span,.skill-item:hover svg{color:#fff!important;color:var(--white)!important}.projects-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem;margin-bottom:var(--space-16)}.project-card{background:#fff;background:var(--white);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.project-card:before{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal)}.project-card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-10px)}.project-card:hover:before{transform:scaleX(1)}.project-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-3)}.project-image{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);height:200px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.project-image:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:scale(1.02)}.project-image-container{border-radius:.5rem;border-radius:var(--radius-lg);overflow:hidden}.project-description{color:#4b5563;color:var(--gray-600);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.tech-tag{background:#f3f4f6;background:var(--gray-100);border-radius:9999px;border-radius:var(--radius-full);color:#374151;color:var(--gray-700);font-size:.75rem;font-weight:500;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.tech-tag:hover{background:#2563eb;background:var(--primary);color:#fff;color:var(--white);transform:scale(1.1)}.experience-timeline{padding-left:2rem;padding-left:var(--space-8);position:relative}.experience-timeline:before{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);bottom:0;content:"";left:1rem;left:var(--space-4);position:absolute;top:0;width:2px}.experience-item{background:#fff;background:var(--white);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:3rem;margin-bottom:var(--space-12);padding:1.5rem;padding:var(--space-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.experience-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateX(10px)}.experience-header{margin-bottom:1rem;margin-bottom:var(--space-4)}.experience-role{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700}.experience-company,.experience-role{margin-bottom:.25rem;margin-bottom:var(--space-1)}.experience-company{color:#2563eb;color:var(--primary);font-size:1rem;font-weight:600}.experience-duration{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500}.experience-points{list-style:none;margin-left:0;padding-left:0}.experience-points li{color:#374151;color:var(--gray-700);font-size:.95rem;line-height:1.6;margin-bottom:.75rem;margin-bottom:var(--space-3);padding-left:1.25rem;padding-left:var(--space-5);position:relative}.experience-points li:before{color:#2563eb;color:var(--primary);content:"•";font-size:1rem;font-weight:700;left:0;line-height:1.6;position:absolute;top:0}.achievements-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.achievement-item,.certification-item{align-items:flex-start;background:#fff;background:var(--white);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;gap:1rem;gap:var(--space-4);margin-bottom:1rem;margin-bottom:var(--space-4);padding:1.5rem;padding:var(--space-6);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.achievement-item:hover,.certification-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.achievement-icon,.certification-icon{font-size:1.5rem;margin-top:.25rem;margin-top:var(--space-1)}.achievement-text,.certification-text{color:#374151;color:var(--gray-700);flex:1 1;line-height:1.6}.portfolio-footer{background:#111827;background:var(--gray-900);color:#fff;color:var(--white);overflow:hidden;padding:4rem 2rem;padding:var(--space-16) var(--space-8);position:relative;text-align:center}.portfolio-footer:before{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.footer-content{position:relative;z-index:1}.footer-text{font-size:1.1rem;opacity:.9}@keyframes pulse-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@keyframes bounce-arrow{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-10px) rotate(45deg)}60%{transform:translateY(-5px) rotate(45deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-background{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-15px) scale(1.05)}50%{transform:translate(-5px,10px) scale(.95)}75%{transform:translate(-10px,-5px) scale(1.02)}}@keyframes grid-shift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes rotate-border{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.1) rotate(180deg)}}@media (max-width:1536px){.profile-image-container{height:320px;width:320px}}@media (max-width:1280px){.profile-image-container{height:300px;width:300px}}@media (max-width:1024px){.profile-image-container{height:280px;width:280px}}@media (max-width:768px){.hero-content{gap:3rem;gap:var(--space-12);grid-template-columns:1fr;text-align:center}.hero-image{order:-1}.profile-image-container{height:250px;width:250px}.contact-links{justify-content:center}.achievements-grid,.projects-grid{grid-template-columns:1fr}.experience-timeline{padding-left:1.5rem;padding-left:var(--space-6)}.experience-timeline:before{left:.75rem;left:var(--space-3)}.experience-item:before{left:-var(--space-5)}.scroll-indicator{font-size:.75rem}.scroll-arrow{border-width:1px;height:14px;width:14px}}@media (max-width:640px){.profile-image-container{height:220px;width:220px}.scroll-indicator{font-size:.7rem}.scroll-arrow{border-width:1px;height:12px;width:12px}}@media (max-width:500px){.profile-image-container{height:180px;width:180px}.scroll-indicator{font-size:.65rem}.scroll-arrow{border-width:1px;height:10px;width:10px}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#2563eb;background:var(--primary);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#1d4ed8;background:var(--primary-dark)}.hero-section .contact-link,.tech-tag:hover{color:#fff!important;color:var(--white)!important}.tech-tag:hover{background:#2563eb!important;background:var(--primary)!important}.skill-item .icon{color:#2563eb;color:var(--primary);transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal)}.skill-item:hover .icon{color:#fff!important;color:var(--white)!important}.portfolio-footer a{color:#fff;color:var(--white);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.portfolio-footer a:hover{color:#3b82f6;color:var(--primary-light);transform:scale(1.1)}
/*# sourceMappingURL=main.9cb929bb.css.map*/