html{scroll-behavior:smooth}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:200 800;src:url(/static/media/Manrope-Variable.c5d858e9b56ba827c16c.woff2) format("woff2")}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:300 700;src:url(/static/media/SpaceGrotesk-Variable.689e6485b7e1094b1b7d.woff2) format("woff2")}:root{--bg-app-gradient:linear-gradient(90deg,#6ee7b7,#85aded,#8370f1,#aa5af0,#f9a8d4,#f483c1,#eed779,#ebdeac);--bg-container:#fff;--card-gradient:linear-gradient(135deg,#6ee7b733,#85aded33,#aa5af033,#f9a8d433,#eed7ac33);--card-border:#fff9;--text-primary:#1a1a1a;--text-secondary:#333;--text-muted:#555;--accent:#f87171;--accent-2:#7c3aed;--accent-3:#ae0ec1;--heading-underline:linear-gradient(90deg,#7dd3fc,#c084fc,#f9a8d4);--shadow-color:#00000014;--shadow-color-strong:#0003;--nav-border:#eee;--nav-link-bg:linear-gradient(135deg,rgba(239,209,238,.963),rgba(249,210,241,.591));--pill-bg:#ffffffbf;--footer-border:#0000001a;--footer-icon:#666;--footer-copyright:#888;--hero-glow:radial-gradient(circle at center,#f9a8d4cc 0%,#fcd34d99 40%,#ec48994d 70%,#0000 100%)}[data-theme=dark]{--bg-app-gradient:radial-gradient(circle at 12% 18%,#bd93f94d,#0000 42%),radial-gradient(circle at 88% 12%,#ff79c63d,#0000 40%),radial-gradient(circle at 85% 88%,#8be9fd38,#0000 45%),radial-gradient(circle at 10% 90%,#50fa7b29,#0000 42%),linear-gradient(135deg,#0c0d14,#14151f,#191a26,#14151f,#0c0d14);--bg-container:#1e1f2b;--card-gradient:linear-gradient(135deg,#bd93f929,#ff79c621,#8be9fd1f,#50fa7b1a,#f1fa8c14);--card-border:#ffffff14;--text-primary:#f8f8f2;--text-secondary:#d6d9f0;--text-muted:#a6a9c4;--accent:#ff79c6;--accent-2:#bd93f9;--accent-3:#8be9fd;--heading-underline:linear-gradient(90deg,#8be9fd,#bd93f9,#ff79c6);--shadow-color:#00000080;--shadow-color-strong:#000000a6;--nav-border:#ffffff14;--nav-link-bg:linear-gradient(135deg,#bd93f938,#ff79c629);--pill-bg:#ffffff0f;--footer-border:#ffffff1a;--footer-icon:#a6a9c4;--footer-copyright:#8b8fa3;--hero-glow:radial-gradient(circle at center,#bd93f973 0%,#8be9fd59 40%,#ff79c640 70%,#0000 100%)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,#6ee7b7,#85aded,#8370f1,#aa5af0,#f9a8d4,#f483c1,#eed779,#ebdeac);background:var(--bg-app-gradient);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background .4s ease}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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:var(--bg-app-gradient);color:var(--text-primary);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding:40px 0;transition:background .4s ease}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-container{background:var(--bg-container);border-radius:20px;box-shadow:0 10px 30px var(--shadow-color-strong);margin:20px auto;max-width:1200px;padding:30px 20px;transition:background .4s ease,box-shadow .4s ease;width:92%}@media (min-width:768px){.main-container{border-radius:30px;margin:50px auto;padding:70px;width:70%}}.navbar{border-bottom:1px solid var(--nav-border);gap:12px;justify-content:space-between;padding:16px 24px;transition:border-color .4s ease}.navbar,.navbar-actions{align-items:center;display:flex;flex-wrap:wrap}.navbar-actions{gap:10px}.navbar .logo img{height:52px;width:auto}.nav-links{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.nav-link{background:var(--nav-link-bg);border:2px solid #0000;border-radius:30px;color:var(--text-muted);display:inline-block;font-size:.95rem;font-weight:600;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:var(--heading-underline);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%;z-index:-1}.nav-link:hover:before{left:0}.nav-link:hover{border-color:#ffffff4d;box-shadow:0 8px 20px #7dd3fc66;color:#fff;transform:translateY(-3px)}.nav-link span{position:relative;z-index:1}.nav-link.active{background:var(--heading-underline);box-shadow:0 6px 15px #7dd3fc80;color:#fff}.theme-toggle{align-items:center;background:var(--nav-link-bg);border:2px solid #0000;border-radius:50%;color:var(--accent-2);cursor:pointer;display:flex;font-size:1.1rem;height:42px;justify-content:center;transition:all .3s ease;width:42px}.theme-toggle:hover{border-color:#ffffff4d;box-shadow:0 8px 20px #7dd3fc66;transform:translateY(-3px) rotate(15deg)}@media (max-width:480px){.navbar{justify-content:center}.nav-links,.navbar-actions{gap:5px}.nav-link{font-size:.78rem;padding:5px 10px}.theme-toggle{font-size:1rem;height:36px;width:36px}}.footer{border-top:1px solid var(--footer-border);margin-top:60px;padding-top:40px;transition:border-color .4s ease}.footer-content{flex-direction:column;gap:20px}.footer-content,.social-links{align-items:center;display:flex}.social-links{gap:24px}.social-links a{align-items:center;color:var(--footer-icon);display:flex;font-size:28px;justify-content:center;transition:all .3s ease}.social-links a:hover{color:var(--accent);transform:translateY(-3px)}.copyright{color:var(--footer-copyright);font-size:14px;margin:0;text-align:center}@media (max-width:768px){.social-links{gap:20px}.social-links a{font-size:24px}}.hero-section{justify-content:center;padding:60px 20px}.hero-content,.hero-section{align-items:center;display:flex}.hero-content{gap:40px;justify-content:space-between;max-width:1200px;width:100%}.hero-text{animation:fadeInLeft 1.5s ease-in-out forwards;animation-delay:.3s;flex:1 1;opacity:0;padding-right:50px}.hero-text h3{color:var(--text-muted);font-weight:400;margin-bottom:10px}.hero-text h1{color:var(--text-primary);font-size:2.5rem;line-height:1.3;margin-bottom:20px}.hero-text h1 span{color:var(--accent)}.hero-text p{color:var(--text-muted);font-size:1.1rem;margin-bottom:30px}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px}.btn-filled,.btn-outline{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;line-height:1.2;padding:12px 24px;text-decoration:none;transition:background .3s ease,color .3s ease}.btn-outline{background:var(--bg-container);border:2px solid var(--accent);color:var(--accent)}.btn-filled,.btn-outline:hover{background:var(--accent);color:#fff}.btn-filled{border:2px solid var(--accent)}.btn-filled:hover{background:var(--bg-container);color:var(--accent)}.hero-image{flex:1 1}.gradient-bg,.hero-image{align-items:center;display:flex;justify-content:center}.gradient-bg{animation:fadeIn 1.5s ease-in-out;background:var(--hero-glow);border-radius:50%;height:400px;position:relative;width:400px}.gradient-bg img{animation:fadeInUp 1.5s ease-in-out;border-radius:50%;box-shadow:0 10px 25px #00000026;height:85%;object-fit:cover;object-position:center 60%;transform:scale(1);width:85%}@media (max-width:768px){.hero-content{flex-direction:column-reverse;text-align:center}.hero-text{padding-right:0}.hero-text h1{font-size:1.8rem}.hero-buttons{justify-content:center}.gradient-bg{height:260px;width:260px}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.Skills-Section{background:var(--card-gradient);border-radius:20px;margin:24px 0;padding:32px 32px 36px;text-align:center;transition:background .4s ease}.Skills-Section h2{color:var(--text-primary);font-size:1.7rem;font-weight:700;margin-bottom:22px;position:relative}.Skills-Section h2:after{background:var(--heading-underline);border-radius:10px;content:"";display:block;height:3px;margin:10px auto 0;width:50px}.skills-groups{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:900px}.skills-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.skills-group h4{color:var(--accent-2);flex:0 0 auto;font-size:.7rem;font-weight:700;letter-spacing:.08em;margin:0 4px 0 0;text-transform:uppercase;white-space:nowrap}.skills-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.skill-pill{background:var(--pill-bg);border:1px solid var(--card-border);border-radius:30px;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:5px 13px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.skill-pill:hover{background:var(--bg-container);box-shadow:0 6px 14px #7dd3fc59;transform:translateY(-2px)}.certifications{border-top:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:18px;max-width:900px;padding-top:14px}.cert-item{color:var(--text-muted);font-size:.78rem;font-weight:500}.cert-item:before{content:"🎓";margin-right:5px}@media (max-width:600px){.Skills-Section{padding:26px 18px 30px}.skills-group{flex-direction:column;gap:6px}.skill-pill{font-size:.78rem;padding:5px 12px}}.Proj-Section{padding:40px 16px;text-align:center}.Proj-Section h2{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:.5px;margin-bottom:40px;position:relative}.Proj-Section h2:after{background:var(--heading-underline);border-radius:10px;content:"";display:block;height:4px;margin:12px auto 0;width:80px}.featured-proj{align-items:center;display:flex;flex-direction:column;margin-bottom:60px}.featured-video{border-radius:16px;box-shadow:0 10px 35px #00000040;margin-bottom:25px;max-width:950px;object-fit:cover;width:100%}.featured-text{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-gradient);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 6px 25px var(--shadow-color);max-width:800px;padding:30px 24px;text-align:center;width:100%}.featured-text h3{color:var(--accent-3);font-size:1.6rem;font-weight:700;margin-bottom:15px}.featured-text h3:after{background:var(--heading-underline);border-radius:8px;content:"";display:block;height:3px;margin:10px auto 0;width:50px}.featured-text p{color:var(--text-secondary);font-size:1rem;line-height:1.8}.main-proj-content{flex-direction:column;gap:60px}.main-proj-content,.proj{align-items:center;display:flex}.proj{gap:40px;justify-content:space-between;max-width:1200px;width:100%}.proj.reverse{flex-direction:row-reverse}.proj-img{align-items:center;cursor:pointer;display:flex;flex:1 1;justify-content:center;text-decoration:none}.proj-img img{background:var(--bg-container);border-radius:16px;box-shadow:0 10px 25px #0003;box-sizing:border-box;height:280px;max-width:600px;object-fit:contain;padding:14px;transition:transform .4s ease,box-shadow .4s ease;width:100%}.proj-img img:hover{box-shadow:0 14px 35px #00000040;transform:scale(1.03)}.text-blck{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-gradient);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 6px 25px var(--shadow-color);flex:1 1;padding:28px 32px;text-align:left}.text-blck h3{color:var(--accent-3);font-size:1.6rem;font-weight:700;margin-bottom:15px}.text-blck h3:after{background:var(--heading-underline);border-radius:8px;content:"";display:block;height:3px;margin:10px 0 0;width:50px}.text-blck p{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-bottom:0}.project-video{background:var(--bg-container);border-radius:16px;box-shadow:0 8px 20px #00000026;box-sizing:border-box;height:280px;max-width:480px;object-fit:contain;padding:14px;transition:transform .4s ease,box-shadow .4s ease;width:100%}.github-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);border:2px solid #0000;border-radius:50px;box-shadow:0 8px 20px #8b5cf666;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;margin-top:20px;overflow:hidden;padding:12px 28px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.github-btn:hover{box-shadow:0 12px 28px #8b5cf699;transform:translateY(-3px) scale(1.05)}@media (max-width:768px){.proj,.proj.reverse{flex-direction:column!important;gap:24px}.proj-img img,.project-video{height:220px}.text-blck{padding:24px 20px;text-align:center}.text-blck h3:after{margin:10px auto 0}.github-btn{font-size:.9rem;padding:10px 24px}}.Main-Section{background:var(--card-gradient);border:none;border-radius:20px;box-shadow:inset 0 0 40px var(--shadow-color);padding:20px 100px 160px;transition:background .4s ease}.Main-Section h2{color:var(--text-primary);font-size:2.2rem;font-weight:700;margin-bottom:60px;position:relative;text-align:center}.Main-Section h2:after{background:var(--heading-underline);border-radius:10px;content:"";display:block;height:4px;margin:12px auto 0;width:60px}.about-grid{grid-gap:32px;display:grid;gap:32px;grid-auto-rows:1fr;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px}.about-card{animation:fadeInUp .9s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-gradient);border:1px solid var(--card-border);border-radius:22px;box-shadow:0 8px 28px var(--shadow-color);display:flex;flex-direction:column;height:100%;opacity:0;padding:36px 34px;text-align:left;transform:translateY(28px);transition:transform .4s cubic-bezier(.175,.885,.32,1.15),box-shadow .4s ease,border-color .4s ease}.about-card:first-child{--accent:#4f8ff0;--accent-soft:#4f8ff024;--accent-line:#4f8ff073;animation-delay:.9s}.about-card:nth-child(2){--accent:#ec4899;--accent-soft:#ec489924;--accent-line:#ec489973;animation-delay:1.1s}.about-card:nth-child(3){--accent:#9333ea;--accent-soft:#9333ea24;--accent-line:#9333ea73;animation-delay:1.3s}.about-card:nth-child(4){--accent:#10b981;--accent-soft:#10b98124;--accent-line:#10b98173;animation-delay:1.5s}.about-card:hover{border-color:var(--accent-line);box-shadow:0 18px 38px #0000001f;transform:translateY(-8px)}.about-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.about-card-icon{align-items:center;background:var(--accent-soft);border-radius:14px;color:var(--accent);display:flex;font-size:1.3rem;height:46px;justify-content:center;transition:transform .4s ease;width:46px}.about-card:hover .about-card-icon{transform:scale(1.08) rotate(-4deg)}.about-card-index{color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:.12em;opacity:.6}.about-card-title{color:var(--accent);font-size:1.55rem;font-weight:800;letter-spacing:-.01em;margin:0 0 16px}.about-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:center}.about-card-body p{color:var(--text-secondary);font-size:1.02rem;line-height:1.75;margin:0 0 14px}.about-card-body p:last-child{margin-bottom:0}.about-card-body p.lead{color:var(--accent);font-size:1.1rem;font-style:italic;font-weight:600}.about-card-body strong{color:var(--text-primary);font-weight:700}.about-card-body em{color:var(--text-primary);font-style:italic}.about-card-body a{border-bottom:1px solid var(--accent-line);color:var(--accent);font-weight:700;text-decoration:none;transition:border-color .3s ease}.about-card-body a:hover{border-color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.about-grid{gap:24px;grid-auto-rows:auto;grid-template-columns:1fr}.Main-Section{padding:60px 40px 110px}}@media (max-width:480px){.about-card{padding:28px 24px}.about-card-title{font-size:1.35rem}.Main-Section{padding:40px 20px 80px}}.not-found{background:var(--card-gradient);border-radius:20px;padding:100px 20px;text-align:center}.not-found h1{color:var(--accent);font-size:5rem;font-weight:800;margin:0 0 10px}.not-found p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.not-found-link{background:var(--accent);border:2px solid var(--accent);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 28px;text-decoration:none;transition:background .3s ease,color .3s ease}.not-found-link:hover{background:var(--bg-container);color:var(--accent)}@media (max-width:480px){.not-found{padding:70px 20px}.not-found h1{font-size:3.5rem}}
/*# sourceMappingURL=main.7dc0657c.css.map*/