:root{--bg:#0f172a;--bg-card:#1e293bb3;--text:#f1f5f9;--muted:#94a3b8;--primary:#6366f1;--accent:#06b6d4;--radius:1rem;--shadow:0 8px 25px #0006;--transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}:root.light{--bg:#f8fafc;--bg-card:#fffffff2;--text:#0f172a;--muted:#64748b;--primary:#4f46e5;--accent:#0891b2}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f172a;background:var(--bg);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition)}body,h1,h2,h3,h4{color:#f1f5f9;color:var(--text)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;margin:0 0 1rem}p{color:#94a3b8;color:var(--muted);margin-bottom:1rem}a{color:#6366f1;color:var(--primary);text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition)}a:hover{color:#06b6d4;color:var(--accent)}.navbar{box-shadow:var(--shadow)}.mobile-menu{background:#0f172a;background:var(--bg);box-shadow:5px 0 15px #0000004d;flex-direction:column;height:100vh;left:-100%;overflow-y:auto;padding:4rem 2rem 2rem;position:fixed;top:0;transition:.3s ease-in-out;width:75%;z-index:99}.mobile-menu.active{left:0}.mobile-menu a{border-bottom:1px solid #ffffff1a;color:#94a3b8;color:var(--muted);display:block;font-size:1.2rem;margin:1.2rem 0;padding:.8rem 0;position:relative;text-decoration:none}.mobile-menu a:hover{color:#06b6d4;color:var(--accent)}.mobile-menu .btn-secondary{margin:2rem 0;padding:.8rem;text-align:center;width:90%}.hero{animation:fadeInUp 1s ease;padding:5rem 2rem;text-align:center}.hero h1{animation:glow 2s infinite alternate;color:#6366f1;color:var(--primary);font-family:Poppins,Inter,sans-serif;font-size:2.8rem;font-weight:800;letter-spacing:1px;margin-bottom:1rem;padding:.8rem 2rem}.cta-buttons{margin-top:2rem}.btn-primary,.btn-secondary{border-radius:1rem;border-radius:var(--radius);display:inline-block;font-weight:600;padding:.8rem 1.4rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition)}.btn-primary{background:#6366f1;background:var(--primary);box-shadow:0 8px 25px #0006;box-shadow:var(--shadow);color:#fff}.btn-primary:hover{background:#06b6d4;background:var(--accent);transform:translateY(-3px) scale(1.05)}.btn-secondary{border:1px solid #94a3b8;border:1px solid var(--muted);margin-left:.8rem}.btn-secondary:hover{border-color:#06b6d4;border-color:var(--accent);color:#06b6d4;color:var(--accent);transform:translateY(-3px)}.page{animation:fadeIn 1s ease;margin:auto;max-width:900px;padding:3rem 1.5rem}.page h2{color:#6366f1;color:var(--primary);font-size:2rem;margin-bottom:1rem}.card{background:#1e293bb3;background:var(--bg-card);border-radius:1rem;border-radius:var(--radius);box-shadow:0 8px 25px #0006;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem;transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition)}.card:hover{border:1px solid #06b6d4;border:1px solid var(--accent);box-shadow:0 12px 30px #06b6d466;transform:translateY(-6px) scale(1.02)}.footer{background:#0f172ad9;color:#94a3b8;color:var(--muted);font-size:.9rem;margin-top:2rem;padding:1.5rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.contact-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2rem;text-align:center}.skills-grid{grid-gap:1.2rem;gap:1.2rem}.progress-bar{height:12px}.progress{animation:loadSkill 1.8s ease forwards}.skills-section{margin-top:3rem}.skills-section h2{color:#6366f1;color:var(--primary);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;margin:auto;max-width:700px}.skill{display:flex;flex-direction:column}.skill-info{display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.3rem}.progress-bar{background:#ffffff1a;height:14px;overflow:hidden}.progress,.progress-bar{border-radius:1rem;border-radius:var(--radius)}.progress{animation:loadSkill 2s ease forwards;background:linear-gradient(90deg,#6366f1,#06b6d4);background:linear-gradient(90deg,var(--primary),var(--accent));height:100%;width:0}@keyframes loadSkill{0%{width:0}}.circle-label small{font-size:.85rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.project-card{background:#1e293bb3;background:var(--bg-card);border-radius:1rem;border-radius:var(--radius);box-shadow:0 8px 25px #0006;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition)}.project-card:hover{border:1px solid #06b6d4;border:1px solid var(--accent);box-shadow:0 12px 30px #06b6d466;transform:translateY(-8px) scale(1.02)}.project-img img{height:180px;object-fit:cover;transition:transform .4s ease;width:100%}.project-card:hover .project-img img{transform:scale(1.1)}.project-content{padding:1.2rem}.project-content h3{color:#6366f1;color:var(--primary);font-size:1.3rem;margin:0 0 .5rem}.project-content p{color:#94a3b8;color:var(--muted);font-size:.95rem;margin-bottom:1rem}.project-links{display:flex;gap:1rem}.home-section{margin-top:3rem;text-align:center}.fade-in{animation:fadeIn 1.2s ease}.slide-in{animation:slideIn 1.2s ease}.scale-up{animation:scaleUp 1.2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.profile-container{display:flex;justify-content:center;margin-bottom:1.5rem}.profile-pic{border:4px solid #06b6d4;border:4px solid var(--accent);border-radius:50%;box-shadow:0 8px 25px #00000080;height:160px;object-fit:cover;transition:transform .3s ease;width:160px}.profile-pic:hover{transform:scale(1.05)}.typing{animation:typingAnim 2s steps(30);border-right:2px solid #06b6d4;border-right:2px solid var(--accent);font-size:2.2rem;font-weight:700;margin:auto;overflow:hidden;white-space:nowrap;width:-webkit-fit-content;width:fit-content}@keyframes typingAnim{0%{width:0}to{width:100%}}.dynamic-role{color:#6366f1;color:var(--primary);color:#f1f5f9;color:var(--text);font-size:1.4rem;font-weight:600;margin-top:.5rem;min-height:1.5em;text-align:center}.circle-skills{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.circle-skill{animation:fadeIn 1.2s ease;height:120px;position:relative;width:120px}.circle{height:100%;transform:rotate(-90deg);width:100%}circle{fill:none;stroke-width:10;stroke-linecap:round}circle.bg{stroke:#ffffff1a}.progress-circle{stroke:#06b6d4;stroke:var(--accent);stroke-dasharray:283;stroke-dashoffset:283;animation:progressAnim 2s ease forwards}@keyframes progressAnim{0%{stroke-dashoffset:283}}.circle-label{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.circle-label span{color:#6366f1;color:var(--primary);display:block;font-size:1.2rem;font-weight:700}.circle-label small{color:#94a3b8;color:var(--muted);font-size:.8rem}.section-title{color:#6366f1;color:var(--primary);font-size:2rem;margin-bottom:1.5rem;text-align:center}.about-card{background:#1e1e1ee6;border-radius:1rem;border-radius:var(--radius);box-shadow:0 6px 20px #00000080;line-height:1.6;margin:auto;max-width:800px;padding:2rem;transition:transform .4s ease,box-shadow .4s ease}.about-card:hover{box-shadow:0 10px 25px #000000b3,0 0 20px #ff00784d;transform:translateY(-6px) scale(1.02)}.about-card p{color:#ddd;font-size:1.05rem;margin-bottom:1rem}.fade-in{animation:fadeIn 1.5s ease forwards;opacity:0}@media (max-width:480px){.navbar{justify-content:space-between;padding:1rem}.brand{font-size:1.3rem}.hamburger-menu{display:flex}.hero{padding:2.5rem 1rem}.hero h1,.page h2,.section-title{font-size:1.5rem}.profile-pic{height:100px;width:100px}.about-card,.card,.project-card{padding:1rem}.contact-grid,.projects-grid,.skills-grid{gap:1rem;grid-template-columns:1fr}.circle-skill{height:80px;width:80px}.mobile-menu{padding:3rem 1.5rem 1.5rem;width:85%}.mobile-menu a{font-size:1.1rem;padding:.6rem 0}.mobile-menu .btn-secondary{padding:.7rem;width:95%}}@media (min-width:481px) and (max-width:767px){.navbar{padding:1rem 1.5rem}.hero h1,.typing{font-size:1.8rem}.page{padding:2rem 1rem}.projects-grid{grid-template-columns:1fr}.contact-grid,.skills-grid{gap:1.2rem;grid-template-columns:1fr}.circle-skill{height:100px;width:100px}.hamburger-menu{display:flex}.mobile-menu{width:80%}}@media (min-width:768px) and (max-width:1023px){.navbar{padding:1rem 1.5rem}.hero{padding:3rem 1.5rem}.hero h1,.section-title,.typing{font-size:2rem}.projects-grid{gap:1.5rem}.contact-grid,.projects-grid,.skills-grid{grid-template-columns:1fr 1fr}.hamburger-menu{display:flex}.mobile-menu{width:75%}}@media (min-width:1024px){.navbar{padding:1rem 2rem}.hero h1,.section-title,.typing{font-size:2.4rem}.projects-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.contact-grid,.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hamburger-menu,.mobile-menu{display:none}.nav-menu{background:#0000!important;box-shadow:none!important;display:flex!important;flex-direction:row!important;height:auto!important;padding:0!important;position:static!important;width:auto!important}.nav-menu a{border-bottom:none!important;display:inline-block!important;font-size:1rem!important;margin:0 .8rem!important}.nav-menu .btn-secondary{margin:0!important;text-align:left!important;width:auto!important}}#contact{background:#1e293bb3;background:var(--bg-card);border-radius:1rem;border-radius:var(--radius);box-shadow:0 8px 25px #0006;box-shadow:var(--shadow);margin:3rem auto;max-width:800px;padding:2rem}#contact:hover{box-shadow:0 10px 25px #000000b3,0 0 20px #06b6d44d;transform:translateY(-6px) scale(1.02)}#skills{background:#1e293bb3;background:var(--bg-card);border-radius:1rem;border-radius:var(--radius);box-shadow:0 8px 25px #0006;box-shadow:var(--shadow);margin:3rem auto;max-width:800px;padding:2rem}#skills h2{color:#6366f1;color:var(--primary);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.skill-tag{background:#6366f1;background:var(--primary);border-radius:1rem;border-radius:var(--radius);color:#fff;display:inline-block;font-size:.85rem;margin:.2rem;padding:.4rem .8rem;transition:background .3s ease}.skill-tag:hover{background:#06b6d4;background:var(--accent);box-shadow:0 4px 15px #06b6d466;transform:translateY(-2px)}.skill-card{background:#1e293bb3;background:var(--bg-card);border-radius:1rem;border-radius:var(--radius);box-shadow:0 8px 25px #0006;box-shadow:var(--shadow);padding:1rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{box-shadow:0 10px 25px #0009,0 0 20px #6366f14d;transform:translateY(-5px) scale(1.03)}#about{background:#1e293bb3;background:var(--bg-card);border-radius:1rem;border-radius:var(--radius);box-shadow:0 8px 25px #0006;box-shadow:var(--shadow);color:#f1f5f9;color:var(--text);line-height:1.6;margin:3rem auto;max-width:800px;padding:2rem;text-align:left;transition:transform .4s ease,box-shadow .4s ease}#about:hover{box-shadow:0 10px 25px #000000b3,0 0 20px #2b4bdb4d;transform:translateY(-6px) scale(1.02)}#experience{background:#1e293bb3;background:var(--bg-card);border-radius:1rem;border-radius:var(--radius);box-shadow:0 8px 25px #0006;box-shadow:var(--shadow);color:#f1f5f9;color:var(--text);line-height:1.6;margin:3rem auto;max-width:800px;padding:2rem;text-align:left;transition:transform .4s ease,box-shadow .4s ease}#experience:hover{box-shadow:0 10px 25px #000000b3,0 0 20px #6366f14d;transform:translateY(-6px) scale(1.02)}#education{background:#1e293bb3;background:var(--bg-card);border-radius:1rem;border-radius:var(--radius);box-shadow:0 8px 25px #0006;box-shadow:var(--shadow);color:#f1f5f9;color:var(--text);line-height:1.6;margin:3rem auto;max-width:800px;padding:2rem;text-align:left;transition:transform .4s ease,box-shadow .4s ease}#education:hover{box-shadow:0 10px 25px #000000b3,0 0 20px #6366f14d;transform:translateY(-6px) scale(1.02)}#projects{background:#1e293bb3;background:var(--bg-card);border-radius:1rem;border-radius:var(--radius);box-shadow:0 8px 25px #0006;box-shadow:var(--shadow);color:#fff;line-height:1.6;margin:3rem auto;max-width:800px;padding:2rem;text-align:left;transition:transform .4s ease,box-shadow .4s ease}#projects:hover{box-shadow:0 10px 25px #000000b3,0 0 20px #b3f4ff4d;transform:translateY(-6px) scale(1.02)}.project-link{color:#fff;color:#4b70a3;font-weight:600;margin-right:1rem;transition:color .3s ease}.project-link:hover{color:#fff}.project-links button{background:#6366f1;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-right:.5rem;padding:.5rem 1rem;transition:all .3s ease}.project-links button:hover{background:#06b6d4;background:var(--accent);box-shadow:0 6px 20px #06b6d44d;transform:translateY(-3px)}.portfolio-footer{background:#0f172a;border-top:1px solid #ffffff1a;color:#f1f5f9;margin-top:4rem;padding:3rem 2rem 1.5rem}.footer-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-left{flex:1 1;min-width:300px}.footer-name{color:#6366f1;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.footer-title{color:#94a3b8;font-size:.95rem;line-height:1.5}.footer-center{display:flex;flex-wrap:wrap;gap:3rem}.footer-section{min-width:200px}.footer-heading{color:#6366f1;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.footer-heading:after{background:#06b6d4;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#94a3b8;display:inline-block;font-size:.95rem;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#06b6d4;padding-left:5px}.social-container{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.social-link{background:#6366f133;border:1px solid #6366f14d;border-radius:50px;color:#6366f1;display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff1a;margin:2rem auto 0;max-width:1200px;padding-top:2rem;text-align:center}.copyright{color:#94a3b8;font-size:.9rem;margin:0}@media (max-width:768px){.footer-container{flex-direction:column;text-align:center}.footer-center{gap:2rem;justify-content:center}.footer-links{display:flex;flex-direction:column}.footer-links,.social-container{align-items:center}.footer-left p{margin:0 auto;text-align:center}}@media (max-width:480px){.portfolio-footer{padding:2rem 1rem 1rem}.footer-container{gap:1.5rem}.footer-center{flex-direction:column;gap:1.5rem}.social-container{gap:.6rem}.social-link{font-size:.85rem;padding:.4rem .8rem}}.navbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;border-bottom:1px solid #ffffff1a;box-shadow:0 8px 25px #0006;display:flex;justify-content:space-between;padding:1.2rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.brand{color:#6366f1;color:var(--primary);font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.brand:hover{color:#06b6d4;color:var(--accent)}.nav-menu a{color:#94a3b8;color:var(--muted);font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none}.nav-menu a:after{background:#06b6d4;background:var(--accent);bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition);width:0}.nav-menu a:hover{color:#06b6d4;color:var(--accent)}.nav-menu a:hover:after{width:100%}.btn-secondary{background:#0000;border:1px solid #6366f1;border:1px solid var(--primary);border-radius:50px;color:#f1f5f9;color:var(--text);cursor:pointer;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#6366f11a;color:#6366f1;color:var(--primary);transform:translateY(-2px)}.theme-toggle{background:none;border:none;color:#94a3b8;color:var(--muted);cursor:pointer;font-size:1.2rem;transition:transform .3s ease}.theme-toggle:hover{color:#06b6d4;color:var(--accent);transform:rotate(180deg)}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-around;padding:0;width:30px;z-index:101}.hamburger-line{background:#f1f5f9;background:var(--text);border-radius:10px;height:3px;transition:all .3s ease-in-out;width:30px}.nav-menu{align-items:center;display:flex;gap:1.5rem}@media (max-width:768px){.navbar{padding:1rem}.nav-menu{align-items:center;background:#0f172a;background:var(--bg);box-shadow:-5px 0 15px #0000004d;flex-direction:column;height:100vh;justify-content:center;padding:2rem;position:fixed;right:-100%;top:0;transition:.3s ease-in-out;width:70%}.nav-menu.active{right:0}.nav-menu a{display:block;font-size:1.2rem;margin:1rem 0}.hamburger-menu{display:flex}.nav-menu .btn-secondary{margin:1rem 0;text-align:center;width:80%}.hamburger-menu.active .hamburger-line:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}@media (max-width:480px){.brand{font-size:1.3rem}.nav-menu{width:80%}.nav-menu a{font-size:1.1rem}.nav-menu .btn-secondary{width:90%}}.btn-primary-home{borfer-radius:10px;background:#f1f5f9;background:var(--text);border:none;border-radius:1rem;border-radius:var(--radius);box-shadow:0 8px 25px #0006;box-shadow:var(--shadow);color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:.8rem 1.4rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition)}.btn-primary-home:hover{background:var(gray);transform:translateY(-3px) scale(1.05)}.btn-secondary-home{border:none;border-radius:1rem;border-radius:var(--radius);color:#f1f5f9;color:var(--text);display:inline-block;font-weight:600;margin-left:.8rem;margin-top:1rem;padding:.8rem 1.4rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition)}.btn-secondary-home:hover{border-color:#06b6d4;border-color:var(--accent);color:#06b6d4;color:var(--accent);transform:translateY(-3px)}.card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;color:#f1f5f9;color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:500;height:100%;justify-content:center;line-height:1.4;text-align:center;transition:transform .3s ease,box-shadow .3s ease}
/*# sourceMappingURL=main.21a41b81.css.map*/