@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap";*{box-sizing:border-box;border:none;margin:0;padding:0;text-decoration:none}:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #06f}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{scroll-behavior:smooth;font-size:62.5%;overflow-x:hidden}body{background:#f7f7f7;font-family:Poppins,sans-serif}::selection{color:#fff;background:#2b3dda}html::-webkit-scrollbar{width:.8rem}html::-webkit-scrollbar-track{background:#ebcaf5}html::-webkit-scrollbar-thumb{background:#420177}.loader-container{z-index:10000;background:#e6eff1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader-container.fade-out{top:-120%}.pdf-overlay{z-index:99999;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#02094bbf;justify-content:center;align-items:center;transition:opacity .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.pdf-overlay.active{opacity:1;pointer-events:all}.pdf-overlay-card{text-align:center;background:#fffffff7;border-radius:24px;width:90%;max-width:420px;padding:4.5rem 5rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1);transform:translateY(20px)scale(.96);box-shadow:0 32px 80px #02094b59,0 0 0 1px #ffffff80}.pdf-overlay.active .pdf-overlay-card{transform:translateY(0)scale(1)}.pdf-spinner-wrap{justify-content:center;margin-bottom:2.5rem;display:flex}.pdf-spinner{width:62px;height:62px;animation:1.6s linear infinite rotateSpin}.pdf-spinner .path{stroke:#06f;stroke-linecap:round;stroke-dasharray:90 150;stroke-dashoffset:0;animation:1.6s ease-in-out infinite dashSpin}@keyframes rotateSpin{to{transform:rotate(360deg)}}@keyframes dashSpin{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.pdf-overlay-title{color:#02094b;margin-bottom:1rem;font-size:2rem;font-weight:800}.pdf-overlay-sub{color:#666;margin-bottom:2.5rem;font-size:1.5rem}.pdf-progress-bar{background:#eef2f6;border-radius:50px;width:100%;height:6px;margin-bottom:2.2rem;overflow:hidden}.pdf-progress-fill{background:linear-gradient(90deg,#06f,#00d4ff,#02094b) 0 0/200% 100%;border-radius:50px;width:0%;height:100%;animation:2.5s ease-in-out infinite progressAnim,2s linear infinite gradientShift}@keyframes progressAnim{0%{width:0%}40%{width:65%}70%{width:85%}90%{width:92%}to{width:100%}}@keyframes gradientShift{0%{background-position:0 0}to{background-position:-200% 0}}.pdf-overlay-hint{color:#aaa;justify-content:center;align-items:center;gap:.5rem;font-size:1.25rem;display:flex}.pdf-overlay-hint i{color:#43e97b}body.dark-mode .pdf-overlay-card{background:#10143cf7;box-shadow:0 32px 80px #0009,0 0 0 1px #ffffff14}body.dark-mode .pdf-overlay-title{color:#fff}body.dark-mode .pdf-overlay-sub{color:#aab}body.dark-mode .pdf-progress-bar{background:#ffffff14}header{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #fff6;justify-content:space-between;align-items:center;height:7rem;padding:1.5rem 9%;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #0000000a}section{padding:5rem 9%}main{display:block}.heading{color:#202020;text-align:center;text-transform:capitalize;font-size:3.5rem;font-weight:800}.heading span{color:#06f}header .logo{color:#02094b;align-items:center;gap:.5rem;font-size:2.2rem;font-weight:900;text-decoration:none;display:flex}header .logo i{background:linear-gradient(135deg,#06f,#00d4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.4rem}header .logo:hover{color:#06f}header .navbar{-webkit-backdrop-filter:blur(15px);z-index:998;background:#040514f2;border-left:1px solid #ffffff0d;flex-direction:column;width:300px;max-width:80vw;height:100vh;padding:8rem 2rem 3rem;transition:right .4s cubic-bezier(.77,.2,.05,1);display:flex;position:fixed;top:0;right:-320px;overflow-y:auto;box-shadow:-10px 0 30px #00000080}header .navbar.nav-toggle{right:0}header .navbar ul{flex-direction:column;gap:.5rem;width:100%;list-style:none;display:flex}header .navbar li{width:100%}header .navbar ul li a{color:#a0aec0;border-radius:12px;padding:1.2rem 1.5rem;font-size:1.6rem;font-weight:600;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}header .navbar ul li a:before{content:"";z-index:-1;background:linear-gradient(90deg,#06f0 0%,#0066ff1a 100%);width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}header .navbar ul li a:hover:before,header .navbar ul li a.active:before{left:0}header .navbar ul li a:hover,header .navbar ul li a.active{color:#fff;background:#ffffff08;border-left:4px solid #06f;padding-left:2rem}.nav-overlay{-webkit-backdrop-filter:blur(4px);z-index:997;opacity:0;visibility:hidden;background:#0009;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.nav-overlay.active{opacity:1;visibility:visible}#menu{cursor:pointer;color:#02094b;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:#0066ff0d;border:1.5px solid #0066ff1a;border-radius:12px;order:3;justify-content:center;align-items:center;width:4.2rem;height:4.2rem;margin-left:1rem;font-size:2.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}#menu:hover{color:#06f;background:#0066ff26;border-color:#0066ff4d;transform:translateY(-2px)}.fa-times{transform:rotate(180deg);color:#06f!important}@media (width<=768px){header .navbar{width:280px;padding-top:7rem}}.home{background-color:#02094b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3rem;min-height:100vh;padding-top:8rem;display:flex;position:relative;overflow:hidden}#matrix-canvas{z-index:0;opacity:.35;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.home .content{z-index:1;text-shadow:2px 2px 10px #0009;flex:45rem;animation:1s ease-out forwards slideInLeft}.home .content h1{color:#fff;font-size:5.5rem;font-weight:800;line-height:1.2}.home .content h1 span{background:linear-gradient(90deg,#06f,#00d4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:5.5rem;font-weight:800}.home .content p{color:#cbd0e6;padding:.5rem 0 0;font-size:2.5rem;font-weight:600}.home .content p span{color:#00b8ff;font-weight:700}.home .btn,.home .btn-primary{color:#fff;letter-spacing:.5px;z-index:1;background:#06f;border-radius:50px;align-items:center;gap:.8rem;padding:1.4rem 3.2rem;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 8px 20px #0066ff4d}.home .btn-outline{color:#fff;letter-spacing:.5px;z-index:1;background:0 0;border:2px solid #fff6;border-radius:50px;align-items:center;gap:.8rem;padding:1.35rem 3.2rem;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.home .btn-outline:hover{background:#ffffff1f;border-color:#fff;transform:translateY(-3px)}.home .btn span,.home .btn-primary span,.home .btn-outline span{letter-spacing:1px;font-size:1.5rem;font-weight:700}.home .btn i,.home .btn-primary i,.home .btn-outline i{font-size:1.5rem;transition:transform .3s}.home .btn:hover,.home .btn-primary:hover{background:#0052cc;transform:translateY(-3px);box-shadow:0 8px 20px #0052cc73}.home .btn:hover i,.home .btn-primary:hover i{transform:translateY(3px)}.socials{margin-top:4rem}.socials .social-icons{flex-wrap:wrap;gap:1.5rem;list-style:none;display:flex}.social-icons a{color:#02094b;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:2rem;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000001a}.social-icons a:hover{color:#fff;background-color:#06f;transform:translateY(-5px);box-shadow:0 8px 15px #0066ff4d}.hero-badge{color:#43e97b;letter-spacing:.04em;z-index:1;background:#43e97b1f;border:1px solid #43e97b59;border-radius:50px;align-items:center;gap:.6rem;margin-bottom:1.8rem;padding:.5rem 1.4rem;font-size:1.3rem;font-weight:700;display:inline-flex;position:relative}.hero-badge i{font-size:.8rem;animation:2s infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.hero-stats{z-index:1;align-items:center;gap:2rem;margin:2.5rem 0 3rem;display:flex;position:relative}.hero-stat{flex-direction:column;align-items:flex-start;display:flex}.hero-stat strong{color:#06f;background:linear-gradient(135deg,#06f,#00d4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.8rem;font-weight:900;line-height:1}.hero-stat span{color:#99a3c7;letter-spacing:.03em;margin-top:.2rem;font-size:1.2rem;font-weight:600}.hero-stat-divider{background:#ffffff26;width:1px;height:3.5rem}.hero-cta{z-index:1;flex-wrap:wrap;gap:1.5rem;margin-bottom:0;display:flex;position:relative}.home .image{z-index:1;text-align:center;flex:40rem;justify-content:center;align-items:center;display:flex}.hero-img-wrapper{display:inline-block;position:relative}.hero-img-wrapper:before{content:"";z-index:-1;filter:blur(16px);opacity:.55;background:linear-gradient(135deg,#06f,#764ba2,#00b8ff);border-radius:50%;animation:3s ease-in-out infinite glowPulse;position:absolute;inset:-8px}@keyframes glowPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.7;transform:scale(1.04)}}.home .image .hero-img{border:6px solid #ffffff40;border-radius:50%;width:75%;max-width:420px;margin:0 auto;animation:4s ease-in-out infinite floatHeroImage;display:block;box-shadow:0 15px 40px #0000004d}@keyframes floatHeroImage{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=900px){.home{text-align:center;justify-content:center;padding-top:10rem}.home .content{order:2}.home .image{order:1;margin-bottom:2rem}.home .image .hero-img{width:60%;max-width:280px}.home .content h1,.home .content h1 span{font-size:4rem}.home .content p{font-size:2rem}.socials .social-icons,.hero-stats,.hero-cta{justify-content:center}}@media (width<=450px){.home .image .hero-img{width:75%}.home .content h1,.home .content h1 span{font-size:3.2rem}.home .btn,.home .btn-primary{padding:1.2rem 2.5rem}}.about{background:#f8fafc;padding-bottom:5rem}.about .heading{color:#02094b}.about .heading span{color:#06f}.about .row{flex-flow:wrap;align-items:center;gap:5rem;margin-top:4rem;display:flex}.about .row .image{text-align:center;flex:35rem;position:relative}.about .row .image:before{content:"";z-index:0;background:0 0;border:4px solid #06f;border-radius:20px;width:100%;max-width:380px;height:100%;transition:all .4s;position:absolute;top:20px;left:50%;transform:translate(-50%)}.about .row .image img{z-index:1;background:#fff;border-radius:20px;width:100%;max-width:380px;height:auto;transition:all .4s;position:relative;box-shadow:0 10px 30px #0000001a}.about .row .image:hover img{transform:translateY(-10px)}.about .row .image:hover:before{background:#0066ff0d;transform:translate(-50%)translateY(10px)}.about .row .content{flex:45rem}.about .row .content h3{color:#02094b;margin-bottom:.5rem;font-size:3.2rem;font-weight:800}.about .row .content .tag{color:#06f;background:#0066ff1a;border-radius:50px;margin-bottom:2rem;padding:.6rem 2rem;font-size:1.5rem;font-weight:700;display:inline-block}.about .row .content p{color:#555;margin-bottom:3rem;font-size:1.6rem;font-weight:500;line-height:1.8}.about .row .content p strong{color:#02094b}.about-contact-inline{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;flex-wrap:wrap;gap:1.2rem 2rem;margin:1.5rem 0 2.5rem;padding:1.5rem 0;display:flex}.about-contact-inline a,.about-contact-inline span{color:#555;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.about-contact-inline a:hover{color:#06f}.about-contact-inline i{color:#06f;font-size:1.5rem}.about-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:0 0 3rem;display:grid}.about-stat-card{border:1px solid #f0f0f0;border-left:4px solid var(--stat-color,#06f);background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.8rem 2rem;transition:all .25s;display:flex;box-shadow:0 4px 16px #0000000d}.about-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.about-stat-card i{color:var(--stat-color,#06f);margin-bottom:.3rem;font-size:1.8rem}.about-stat-card strong{color:#02094b;font-size:3rem;font-weight:900;line-height:1}.about-stat-card span{color:#888;font-size:1.3rem;font-weight:600}.about .row .content .resumebtn{margin-top:1rem}.about .row .content .resumebtn .btn{color:#fff;background:#02094b;border-radius:50px;align-items:center;padding:1.4rem 3.5rem;font-family:Nunito,sans-serif;transition:all .3s;display:inline-flex;box-shadow:0 8px 20px #02094b4d}.about .row .content .resumebtn .btn span{letter-spacing:1px;font-size:1.6rem;font-weight:700}.about .row .content .resumebtn .btn i{margin-left:1rem;font-size:1.6rem;transition:transform .3s}.about .row .content .resumebtn .btn:hover{background:#06f;transform:translateY(-3px);box-shadow:0 8px 20px #06f6}.about .row .content .resumebtn .btn:hover i{transform:translateY(3px)}@media screen and (width<=900px){.about .row{text-align:center;flex-direction:column;gap:3rem}.about .row .image:before{display:none}.about .row .content .personal-info{text-align:left}}@media screen and (width<=600px){.about .row .image img{width:85%}.about .row .content .personal-info{grid-template-columns:1fr}}.skills{background:#eef2f6;position:relative}.skills:before{content:"";z-index:0;background:linear-gradient(135deg,#02094b 0%,#1a1f6e 100%);height:220px;position:absolute;top:0;left:0;right:0}.skills .heading{z-index:1;color:#fff;position:relative}.skills .heading span{color:#06f}#skills-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1300px;margin-top:5rem;margin-left:auto;margin-right:auto;padding:0 2rem;display:grid;position:relative}.skill-card{background:#fff;border-radius:16px;flex-direction:column;transition:transform .28s,box-shadow .28s;display:flex;overflow:hidden;box-shadow:0 4px 20px #02094b12}.skill-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px #02094b24}.skill-card-accent{flex-shrink:0;width:100%;height:6px}.skill-card-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:1.2rem;padding:2rem 2.2rem 1.6rem;display:flex}.skill-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.skill-card-icon i{color:#fff;font-size:1.8rem}.skill-card-title{color:#02094b;text-transform:uppercase;letter-spacing:1.5px;flex:1;font-size:1.35rem;font-weight:800}.skill-card-count{color:#999;white-space:nowrap;background:#f4f5f9;border-radius:20px;padding:.3rem .8rem;font-size:1.1rem;font-weight:600}.skill-chips{flex-wrap:wrap;align-content:flex-start;gap:.8rem;padding:1.8rem 2.2rem 2rem;display:flex}.skill-chip{background:var(--chip-bg,#02094b0a);border:1px solid var(--chip-border,#02094b1f);cursor:default;white-space:nowrap;border-radius:99px;align-items:center;gap:.55rem;padding:.5rem 1.1rem .5rem .7rem;transition:all .2s;display:inline-flex}.skill-chip:hover{filter:brightness(.94);transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.skill-chip-icon{flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:flex}.skill-chip-img{object-fit:cover;width:1.8rem;height:1.8rem;display:block}.skill-chip-icon i{color:#555;font-size:1.4rem}.skill-chip-name{color:#333;font-size:1.2rem;font-weight:600;line-height:1}.learning-badge{color:#06f;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#0066ff1a;border:1px solid #0066ff59;border-radius:4px;margin-left:.2rem;padding:.1rem .45rem;font-size:.9rem;font-weight:700}.skill-chip-learning{opacity:.82}.skill-chip-learning:hover{opacity:1}@media screen and (width<=1200px){#skills-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (width<=900px){#skills-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=600px){#skills-grid{grid-template-columns:1fr;gap:1.6rem;margin-top:3rem;padding:0 1rem}.skill-card-header{padding:1.6rem 1.8rem 1.2rem}.skill-chips{padding:1.4rem 1.8rem 1.6rem}}.chip-hidden{display:none!important}.chip-visible-extra{animation:.22s forwards chipFadeIn;display:inline-flex}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.chip-expand-btn{color:#888;cursor:pointer;letter-spacing:.03em;background:0 0;border:none;border-top:1px dashed #e8e8e8;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding:.9rem 1rem;font-size:1.2rem;font-weight:700;transition:color .2s,background .2s;display:flex}.btn{transition:all .3s}.navbar a,.logo{transition:color .3s}.footer .box a{transition:transform .3s,color .3s}.share a{transition:all .3s}.copyable-contact{cursor:pointer;align-items:center;gap:.8rem;display:inline-flex;position:relative}.copy-icon{opacity:0;color:#06f;font-size:1.2rem;transition:all .3s;transform:translate(-5px)}.copyable-contact:hover .copy-icon{opacity:1;transform:translate(0)}.copy-success{color:#fff;opacity:0;pointer-events:none;background:#06f;border-radius:4px;padding:2px 8px;font-size:1rem;transition:all .3s;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.copy-success.visible{opacity:1;top:-30px}.chip-expand-btn:hover{color:#420177;background:#4201770a}.chip-expand-btn[aria-expanded=true]{color:#06f}.chip-expand-btn i{font-size:1.1rem;transition:transform .25s}.chip-expand-btn[aria-expanded=true] i{transform:rotate(180deg)}.education{background:#f8fafc}.education .heading{color:#02094b}.education .heading span{color:#06f}.education .quote{text-align:center;color:#555;margin-bottom:4rem;padding:0 2rem;font-family:Nunito,sans-serif;font-size:1.6rem;font-style:italic;font-weight:600}.education .box-container{justify-content:center;align-items:center;max-width:950px;margin:0 auto;padding:0 2rem;display:flex}.education-card{background:#fff;border-left:6px solid #02094b;border-radius:15px;flex-direction:row;width:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000014}.education-card:hover{border-left-color:#06f;transform:translateY(-5px);box-shadow:0 15px 35px #0066ff26}.education-card .image{flex:0 0 40%;position:relative;overflow:hidden}.education-card .image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.education-card:hover .image img{transform:scale(1.08)}.education-card .content{flex-direction:column;flex:1;justify-content:center;padding:4rem 3.5rem;display:flex}.education-card .content .year{color:#02094b;background:#02094b14;border-radius:50px;align-self:flex-start;align-items:center;margin-bottom:1.5rem;padding:.6rem 1.6rem;font-size:1.3rem;font-weight:700;display:inline-flex}.education-card .content .year i{color:#06f;margin-right:.8rem}.education-card .content h3{color:#02094b;text-transform:capitalize;margin-bottom:.8rem;font-size:2.2rem;font-weight:800;line-height:1.4}.education-card .content .institution{color:#06f;align-items:center;margin-bottom:1.5rem;font-size:1.6rem;font-weight:700;display:flex}.education-card .content .institution i{margin-right:.8rem}.education-card .content .desc{color:#555;font-size:1.5rem;line-height:1.6}@media screen and (width<=768px){.education-card{border-top:6px solid #02094b;border-left:none;flex-direction:column}.education-card:hover{border-top-color:#06f}.education-card .image{flex:0 0 220px}.education-card .content{padding:3rem 2rem}.education-card .content h3{font-size:2rem}}.work{background:#eef2f6}.work h2{color:#02094b;padding:1rem}.work .heading span{color:#06f}.work .box-container{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.8rem;margin:3rem 0;display:grid}.work .box{transform-style:flat;background:#fff;border:1px solid #e8eaf0;border-radius:18px;flex-direction:column;transition:transform .28s,box-shadow .28s,border-color .28s;display:flex;box-shadow:0 4px 20px #02094b0f}.work .box:hover{border-color:#0066ff59;transform:translateY(-7px);box-shadow:0 16px 40px #0066ff26}.work .box .image-wrapper{box-sizing:border-box;transform-style:flat;background:#f8fafc;border-top-left-radius:18px;border-top-right-radius:18px;flex-shrink:0;width:100%;height:220px;padding:0;position:relative;overflow:hidden}.work .box .image-wrapper img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .45s}.work .box:hover .image-wrapper img{transform:scale(1.04)}.work .box .image-wrapper:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000,#02094b2e);transition:opacity .3s;position:absolute;inset:0}.work .box:hover .image-wrapper:after{opacity:1}.work .box .zoom-btn{color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;pointer-events:auto;background:#0066fff2;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.8rem;transition:all .28s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)translateZ(0)}.work .box:has(.carousel-btn) .zoom-btn{display:none!important}.image-wrapper:hover .zoom-btn{opacity:1;transform:translate(-50%,-50%)scale(1)translateZ(0)}.zoom-btn:hover{background:#02094b;transform:translate(-50%,-50%)scale(1.1)translateZ(0)}.carousel-btn{color:#fff;cursor:pointer;z-index:9999;opacity:0;background:#02094bf2;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;transition:all .22s;display:flex;position:absolute;top:50%;transform:translateY(-50%)translateZ(0);pointer-events:auto!important}.carousel-btn:hover{background:#06f;transform:translateY(-50%)translateZ(0)scale(1.15);box-shadow:0 0 20px #06f9}.carousel-btn.prev{left:.8rem}.carousel-btn.next{right:.8rem}.image-wrapper:hover .carousel-btn,.project-detail-wrapper:hover .carousel-btn{opacity:1}.carousel-dots{z-index:9999;opacity:0;gap:1rem;transition:opacity .3s;display:flex;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)translateZ(0);pointer-events:auto!important}.image-wrapper:hover .carousel-dots,.project-detail-wrapper:hover .carousel-dots{opacity:1}.dot{cursor:pointer;background:#02094b80;border:1.5px solid #fff;border-radius:50%;width:12px;height:12px;transition:all .25s;pointer-events:auto!important}.dot.active{background:#06f;border-radius:6px;width:24px}.work .box .content{z-index:100;transform-style:flat;background:#fff;flex-direction:column;flex-grow:1;gap:.6rem;padding:2.2rem;display:flex;position:relative;transform:translateZ(0)}.work .box .content .title-wrap{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-bottom:1.2rem;display:flex}.work .box .content .title-wrap h3{color:#02094b;letter-spacing:-.02em;font-size:1.85rem;font-weight:800}.work .box .content .desc p{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;font-size:1.35rem;line-height:1.65;display:-webkit-box;overflow:hidden}.status-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:50px;padding:.35rem 1rem;font-size:1.05rem;font-weight:700}.status-online{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.status-offline{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.status-private{color:#4c1d95;background:#ede9fe;border:1px solid #c4b5fd}.work .box .btns{flex-wrap:wrap;gap:.8rem;margin-top:auto;padding-top:1.5rem;display:flex}.work .box .btns .btn{color:#fff;cursor:pointer;background:#02094b;border:none;border-radius:10px;flex:calc(50% - .4rem);justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.2rem;font-size:1.35rem;font-weight:700;text-decoration:none;transition:all .22s;display:flex}.work .box .btns .btn.btn-detail{z-index:101;flex:calc(50% - .4rem);transition:all .3s;position:relative;color:#06f!important;background:0 0!important;border:1.5px solid #06f!important}.work .box .btns .btn.btn-detail:hover{box-shadow:0 10px 25px #0066ff40;color:#fff!important;background:#06f!important}.work .box .btns .btn:hover{background:#06f;box-shadow:0 6px 16px #0066ff4d}.work .box .btns .btn-disabled{color:#94a3b8;cursor:not-allowed;pointer-events:none;background:#f1f3f7;border:1px solid #e2e8f0;border-radius:10px;flex:calc(50% - .4rem);justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.2rem;font-size:1.35rem;font-weight:700;display:flex}.image-modal{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.image-modal .modal-content{border-radius:8px;max-width:90%;max-height:90vh;margin:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000080}.image-modal .close-modal{color:#f1f1f1;cursor:pointer;font-size:5rem;font-weight:700;transition:all .3s;position:absolute;top:2rem;right:4rem}.image-modal .close-modal:hover{color:#06f}.experience{background:#eef2f6}.experience .timeline{max-width:1200px;margin:0 auto;position:relative}.experience .timeline:after{content:"";z-index:0;background:linear-gradient(#02094b,#06f,#00b8ff);border-radius:50px;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%}.experience .container{z-index:1;width:50%;padding:10px 50px;position:relative}.experience .container:after{content:"";z-index:100;text-align:center;color:#06f;background-color:#fff;border:3px solid #06f;border-radius:50%;width:32px;height:32px;font-family:"Font Awesome 5 Free";font-size:1.4rem;font-weight:900;line-height:26px;transition:all .3s;position:absolute;top:36px;right:-16px;box-shadow:0 0 0 5px #0066ff26}.experience .container:hover:after{color:#fff;background-color:#06f;box-shadow:0 0 0 8px #0066ff40}.experience .left{left:0}.experience .right{left:50%}.experience .right:after{left:-16px}.experience .content{background-color:#fff;border:1px solid #e5e7eb;border-radius:18px;transition:all .35s;position:relative;overflow:visible;box-shadow:0 8px 30px #02094b14}.experience .content:hover{border-color:#0066ff4d;transform:translateY(-5px);box-shadow:0 20px 40px #02094b14}.experience .left:before{content:" ";z-index:1;filter:drop-shadow(4px 0 2px #0000000a);border:14px solid #0000;border-left-color:#fff;border-right-width:0;width:0;height:0;position:absolute;top:38px;right:-14px}.experience .right:before{content:" ";z-index:1;filter:drop-shadow(-4px 0 2px #0000000a);border:14px solid #0000;border-left-width:0;border-right-color:#fff;width:0;height:0;position:absolute;top:38px;left:-14px}.experience .content .tag{background-color:#0000;border-bottom:1px dashed #e8eaf0;padding:2.5rem 2.5rem 1.5rem}.experience .content .tag h2{color:#02094b;letter-spacing:-.02em;font-size:2.1rem;font-weight:800}.experience .content .desc{padding:1.5rem 2.5rem 2.5rem}.experience .content .desc h3{color:#06f;margin-bottom:1.2rem;font-size:1.7rem;font-weight:700}.experience .content .desc p{color:#0084ff;text-transform:uppercase;letter-spacing:.05em;background-color:#0084ff1a;border-radius:50px;align-items:center;margin-bottom:1.8rem;padding:.6rem 1.5rem;font-size:1.25rem;font-weight:700;display:inline-flex}.experience .content .desc p:before{display:none}.experience .content .desc ul{border-top:1px solid #f4f6fa;margin:1.5rem 0 0;padding-top:1.5rem;list-style:none}.experience .content .desc ul li{color:#555;align-items:flex-start;margin-top:1rem;font-size:1.35rem;font-weight:500;line-height:1.6;display:flex}.experience .content .desc ul li i{color:#06f;margin-top:.35rem;margin-right:1.2rem;font-size:1.2rem}.morebtn{justify-content:center;display:flex}.morebtn .btn{color:#fff;text-align:center;background:#2506ad;border-radius:.5em;padding:1.6rem 3rem;line-height:0;transition:all .5s;position:relative;box-shadow:0 5px 10px #3044f799}.morebtn .btn span{font-family:Nunito,sans-serif;font-size:1.7rem;font-weight:600}.morebtn .btn i{margin-left:.3rem;font-size:1.5rem;transition:all .3s}.morebtn .btn:hover{background:#1a047e}.morebtn .btn:hover i{transform:translate(5px)}@media screen and (width<=600px){.experience .timeline{margin-top:2rem}.experience .timeline:after{left:31px}.experience .container{width:100%;padding-left:8rem;padding-right:2rem}.experience .container:after{font-size:2.2rem}.experience .container:before{border:10px solid #0000;border-left-width:0;border-right-color:#06f;left:61px}.experience .left:after,.experience .right:after{left:15px}.experience .right{left:0%}.morebtn{margin-top:3rem}}.tiered-desc{padding-top:1.5rem!important}.total-period{color:#0084ff;text-transform:uppercase;letter-spacing:.03em;background-color:#0084ff14;border-radius:50px;align-items:center;margin-bottom:2rem;padding:.5rem 1.2rem;font-size:1.3rem;font-weight:700;display:inline-flex}.tiered-timeline-container{border-left:2px solid #e2e8f0;margin-bottom:1rem;margin-left:.5rem;padding-left:1.5rem;position:relative}.tiered-role{background:#fff;border:1px solid #f0f2f6;border-radius:12px;margin-bottom:1.5rem;transition:all .3s;position:relative;overflow:hidden}.tiered-role:before{content:"";z-index:2;background:#06f;border:2px solid #fff;border-radius:50%;width:1.2rem;height:1.2rem;position:absolute;top:1.8rem;left:-2.25rem;box-shadow:0 0 0 4px #0066ff1a}.tiered-role[open]{border-color:#0066ff4d;box-shadow:0 10px 25px #02094b0d}.role-summary{cursor:pointer;background:#fafbff;justify-content:space-between;align-items:center;padding:1.5rem;list-style:none;transition:background .3s;display:flex}.role-summary:hover{background:#fff}.role-summary::-webkit-details-marker{display:none}.summary-info{flex-direction:column;gap:.3rem;display:flex}.role-title{color:#02094b;font-size:1.6rem;font-weight:800}.role-badge{color:#718096;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:600;display:flex}.toggle-icon{color:#06f;font-size:1.4rem;transition:transform .3s}.tiered-role[open] .toggle-icon{transform:rotate(180deg)}.role-body{background:#fff;border-top:1px solid #f0f2f6;padding:0 1.5rem 1.5rem}.role-body ul{border-top:none!important;margin-top:0!important;padding-top:1rem!important}.role-body ul li{color:#4a5568!important;margin-top:.8rem!important;font-size:1.35rem!important}@media (width<=600px){.tiered-timeline-container{margin-left:-.5rem}}.certifications{background:#f8fafc;padding-bottom:7rem}.certifications h2{color:#02094b}.certifications .heading span{color:#06f}.certifications .box-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:4rem;display:grid}.certifications .box{background:#fff;border:1px solid #f0f2f6;border-radius:18px;flex-direction:column;padding:3rem 2.5rem;transition:all .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.certifications .box:before{content:"";background:linear-gradient(135deg,#02094b,#06f);height:5px;transition:height .3s;position:absolute;top:0;left:0;right:0}.certifications .box:hover{border-color:#0066ff40;transform:translateY(-8px);box-shadow:0 20px 40px #02094b1a}.certifications .box .icon{color:#06f;background:#0066ff1a;border-radius:16px;justify-content:center;align-items:center;width:6.5rem;height:6.5rem;margin-bottom:2rem;font-size:2.6rem;transition:all .4s;display:flex}.certifications .box:hover .icon{color:#fff;background:linear-gradient(135deg,#02094b,#06f);transform:scale(1.08)rotate(5deg);box-shadow:0 10px 25px #0066ff59}.certifications .box .content{flex-direction:column;flex-grow:1;display:flex}.certifications .box .content h3{color:#02094b;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.85rem;font-weight:800;line-height:1.4}.certifications .box .content .issuer{color:#0084ff;text-transform:uppercase;letter-spacing:.05em;background:#0084ff1a;border-radius:50px;align-self:flex-start;margin-bottom:2rem;padding:.5rem 1.4rem;font-size:1.15rem;font-weight:800;display:inline-block}.certifications .box .content .date{color:#666;align-items:center;gap:.8rem;margin-bottom:1.2rem;font-size:1.35rem;font-weight:600;display:flex}.certifications .box .content .date:before{content:"";color:#a0a5ba;font-family:"Font Awesome 5 Free";font-size:1.3rem;font-weight:900}.certifications .box .content .credential-id{color:#777;word-break:break-all;background:#f4f6fa;border:1px dashed #d0d7e5;border-radius:8px;margin-top:auto;padding:.9rem 1.2rem;font-family:Courier New,Courier,monospace;font-size:1.2rem}.contact{background:#eef2f6}.contact .heading{color:#02094b}.contact .heading span{color:#06f}.contact-container{background:#fff;border-radius:20px;max-width:1050px;margin:5rem auto 0;display:flex;overflow:hidden;box-shadow:0 15px 40px #00000014}.contact-info{color:#fff;background:#02094b;flex:1;padding:5rem 4rem;position:relative}.contact-info h3{color:#fff;margin-bottom:1rem;font-size:2.8rem;font-weight:800}.contact-info>p{color:#cbd0e6;margin-bottom:4rem;font-size:1.5rem;line-height:1.6}.contact-info .info-item{align-items:flex-start;margin-bottom:3rem;display:flex}.contact-info .info-item i{color:#06f;margin-top:.5rem;margin-right:2rem;font-size:2rem}.contact-info .info-item span{color:#cbd0e6;text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem;font-size:1.3rem;display:block}.contact-info .info-item a,.contact-info .info-item p{color:#fff;font-size:1.6rem;font-weight:600;text-decoration:none;transition:color .3s}.contact-info .info-item a:hover{color:#06f}.contact-form-container{background:#fff;flex:1.5;padding:5rem 4rem}.contact-form-container form{width:100%}.input-box{margin-bottom:3.5rem;position:relative}.input-box input,.input-box textarea{color:#333;background:0 0;border:none;border-bottom:2px solid #ddd;outline:none;width:100%;padding:1rem 0;font-family:Poppins,sans-serif;font-size:1.6rem;transition:all .3s}.input-box textarea{resize:vertical;min-height:100px}.input-box label{color:#999;pointer-events:none;font-size:1.5rem;transition:all .3s;position:absolute;top:1rem;left:0}.input-box input:focus,.input-box textarea:focus{border-bottom-color:#06f}.input-box input:focus~label,.input-box input:valid~label,.input-box textarea:focus~label,.input-box textarea:valid~label{color:#06f;font-size:1.2rem;font-weight:700;top:-18px}.contact-form-container .btn{color:#fff;cursor:pointer;background:#02094b;border:none;border-radius:50px;align-items:center;margin-top:1rem;padding:1.4rem 3.5rem;font-family:Nunito,sans-serif;font-size:1.6rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 8px 20px #02094b33}.contact-form-container .btn i{margin-left:1rem;font-size:1.6rem;transition:transform .3s}.contact-form-container .btn:hover{background:#06f;transform:translateY(-3px);box-shadow:0 8px 20px #06f6}.contact-form-container .btn:hover i{transform:translate(5px)scale(1.1)}@media screen and (width<=900px){.contact-container{flex-direction:column;margin:4rem 2rem 0}.contact-info,.contact-form-container{padding:4rem 3rem}}@media screen and (width<=600px){.contact-info,.contact-form-container{padding:3rem 2rem}.contact-info h3{font-size:2.4rem}}.footer{background:#010115;padding:8rem 9% 3rem;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg,#0000,#0066ff80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.footer .box-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem;margin-bottom:5rem;display:grid}.footer .box-container .box h3{color:#fff;letter-spacing:-.01em;margin-bottom:2.5rem;font-size:2.4rem;font-weight:700;position:relative}.footer .box-container .box h3:after{content:"";background:#06f;border-radius:2px;width:30px;height:2px;position:absolute;bottom:-.8rem;left:0}.footer .box-container .box p{color:#a0aec0;padding:.5rem 0;font-size:1.5rem;line-height:1.7}.footer .box-container .box p i{color:#06f;text-align:center;width:2.5rem;padding-right:1rem;font-size:1.6rem}.footer .box-container .box a{color:#a0aec0;padding:.8rem 0;font-size:1.5rem;transition:all .3s;display:block}.footer .box-container .box a:hover{color:#06f;padding-left:.8rem}.footer .box-container .box .share{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.footer .box-container .box .share a{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;padding:0;font-size:2rem;transition:all .3s;display:flex}.footer .box-container .box .share a:hover{color:#fff;background:#06f;border-color:#06f;transform:translateY(-5px);box-shadow:0 10px 20px #06f3}.footer .credit{text-align:center;color:#718096;letter-spacing:.02em;border-top:1px solid #ffffff0d;padding:3rem 0;font-size:1.5rem;font-weight:500}.footer .credit a{color:#06f;font-weight:700;transition:all .3s;position:relative}.footer .credit a:after{content:"";background:#06f;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.footer .credit a:hover:after{width:100%}.footer .pulse{color:#ff3e3e;margin:0 .5rem;font-size:1.6rem;animation:1.5s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (width<=450px){.footer .box-container .box{margin:1.5rem}.footer .box-container .box p{padding:.7rem}.footer .box-container .box .share a{padding:1.2rem}html{font-size:55%}body{padding-right:0}section{padding:2rem}}#scroll-top{color:#fff;z-index:1000;background:#06f;border-radius:50%;padding:1rem 1.5rem;font-size:2rem;transition:all 1s linear;position:fixed;top:-140%;right:2rem}#scroll-top.active{top:calc(100% - 12rem)}.hidden-item{display:none!important}.revealed{opacity:1!important;visibility:visible!important;display:block!important;transform:none!important}.morebtn{justify-content:center;width:100%;display:flex}.morebtn .btn{cursor:pointer;color:#fff;background:#02094b;border:none;border-radius:50px;align-items:center;padding:1.2rem 3rem;font-family:Nunito,sans-serif;font-size:1.6rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 5px 15px #02094b4d}.morebtn .btn span{margin-right:1rem}.morebtn .btn i{transition:transform .3s}.morebtn .btn:hover{background:#06f;transform:translateY(-3px);box-shadow:0 5px 15px #06f6}@media screen and (width<=600px){.work .box-container,.certifications .box-container{grid-template-columns:1fr;gap:1.5rem}}.about .row .content .resumebtn .btn{cursor:pointer;font-family:Nunito,sans-serif}.image-modal .close-modal{cursor:pointer;background:0 0}.about .row .content .personal-info .info-box span a{color:#555;font-size:inherit;text-decoration:none;transition:color .2s}.about .row .content .personal-info .info-box span a:hover{color:#06f}.footer .box p a{color:inherit;text-decoration:none;transition:color .2s}.footer .box p a:hover{color:#06f}.tech-stack{flex-wrap:wrap;gap:.5rem;margin:1rem 0 .5rem;display:flex}.tech-tag{color:#420177;letter-spacing:.02em;background:#42017714;border:1px solid #42017733;border-radius:20px;padding:.25rem .8rem;font-size:1.1rem;font-weight:600;transition:all .2s;display:inline-block}.tech-tag:hover{color:#fff;background:#420177;transform:translateY(-1px)}.project-meta{color:#888;gap:1.2rem;margin:.5rem 0 1rem;font-size:1.2rem;display:flex}.project-meta span{align-items:center;gap:.4rem;display:flex}.project-meta i{color:#06f}.exp-tech{flex-wrap:wrap;gap:.5rem;margin:1rem 0 .5rem;display:flex}.tech-badge{color:#02094b;background:#02094b12;border:1px solid #02094b26;border-radius:4px;padding:.2rem .7rem;font-size:1.1rem;font-weight:600;transition:all .2s;display:inline-block}.tech-badge:hover{color:#fff;background:#02094b}.exp-meta{color:#888;flex-wrap:wrap;gap:1.2rem;margin:.5rem 0 .3rem;font-size:1.2rem;display:flex}.exp-meta span{align-items:center;gap:.4rem;display:flex}.exp-meta i{color:#06f}.exp-period{color:#666;align-items:center;gap:.5rem;font-size:1.3rem;font-style:italic;display:flex;margin-top:.5rem!important}.exp-period i{color:#06f}.repos{background:#f8fafc;padding:5rem 9%}.repos-subtitle{text-align:center;color:#666;margin:.5rem 0 3rem;font-size:1.5rem}.repos-subtitle a{color:#420177;font-weight:700;text-decoration:none;transition:color .2s}.repos-subtitle a:hover{color:#06f}.repos-grid{grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:2rem;display:grid}.repo-card{cursor:default;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:.8rem;padding:2rem;transition:all .25s;display:flex;box-shadow:0 6px 16px #0000000a}.repo-card:hover{border-color:#02094b;transform:translateY(-3px);box-shadow:0 8px 24px #02094b1a}.repo-header{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.repo-header>i{color:#02094b;font-size:1.6rem}.repo-name{color:#02094b;flex:1;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .2s}.repo-name:hover{color:#06f;text-decoration:underline}.repo-visibility{color:#57ab5a;border:1px solid #57ab5a;border-radius:20px;padding:.15rem .6rem;font-size:1.1rem;font-weight:600}.repo-desc{color:#555;flex:1;font-size:1.35rem;line-height:1.6}.repo-footer{color:#666;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.8rem;font-size:1.2rem;display:flex}.repo-lang{align-items:center;gap:.5rem;display:flex}.lang-dot{border-radius:50%;width:1.2rem;height:1.2rem;display:inline-block}.repo-stats{gap:1rem;display:flex}.repo-stats span{align-items:center;gap:.3rem;display:flex}.repo-stats i{color:#06f}.project-detail-view{background:#fdfdfd;min-height:80vh;padding:5rem 9%}.project-detail-wrapper{background:#fff;border:1px solid #f0f2f6;border-radius:20px;flex-wrap:wrap;gap:5rem;margin-top:4rem;padding:4rem;display:flex;box-shadow:0 15px 40px #0000000d}.split.left-split{flex:500px;justify-content:center;align-items:flex-start;display:flex}.detail-img{object-fit:cover;border:1px solid #eee;border-radius:12px;width:100%;box-shadow:0 10px 30px #0000001a}.split.right-split{flex-direction:column;flex:400px;display:flex}.detail-title{color:#02094b;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800}.detail-badges{border-bottom:1px solid #f0f2f6;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;display:flex}.meta-badge{color:#666;background:#f4f6fa;border-radius:8px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:1.3rem;font-weight:600;display:flex}.meta-badge i{color:#06f}.detail-section{margin-bottom:3rem}.detail-section h3{color:#02094b;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:2rem;font-weight:700;display:flex}.detail-section h3:before{content:"";background:#06f;border-radius:10px;width:4px;height:20px}.detail-desc{color:#555;font-size:1.6rem;line-height:1.8}.detail-tech-stack{gap:1rem}.detail-actions{margin-top:auto}.back-link{color:#666;font-size:1.5rem;font-weight:600;text-decoration:none;transition:all .3s}.back-link:hover{color:#06f}.back-link i{margin-right:.5rem}@media (width<=768px){.repos-grid{grid-template-columns:1fr}.tech-tag,.tech-badge{font-size:1rem}.project-meta,.exp-meta{font-size:1.1rem}}.theme-btn{color:#02094b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:1.5rem;font-size:2.2rem;transition:all .3s;display:flex}.theme-btn:hover{color:#06f;transform:rotate(15deg)scale(1.1)}body.dark-mode{color:#e2e8f0!important;background-color:#0d0f1a!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode .heading{color:#fff!important}body.dark-mode header{background:#0d0f1ad9!important;border-bottom:1px solid #ffffff14!important}body.dark-mode #menu{color:#fff!important;background:#ffffff0d!important;border-color:#ffffff1a!important}body.dark-mode #menu:hover{color:#06f!important;background:#ffffff1a!important;border-color:#06f!important}body.dark-mode header .logo,body.dark-mode header .navbar ul li a,body.dark-mode .theme-btn,body.dark-mode #menu{color:#e2e8f0!important}body.dark-mode header .navbar ul li a:hover,body.dark-mode header .navbar ul li a.active,body.dark-mode header .logo:hover,body.dark-mode .theme-btn:hover,body.dark-mode #menu:hover{color:#06f!important}body.dark-mode .content p,body.dark-mode .desc p{color:#a0aec0!important}body.dark-mode .hero-img-wrapper:before{opacity:.3!important}body.dark-mode .about{background-color:#080912!important}body.dark-mode .about-stat-card strong,body.dark-mode .about .content p strong{color:#fff!important}body.dark-mode .about-contact-inline a,body.dark-mode .about-contact-inline span{color:#cbd5e1!important}body.dark-mode .skills{background-color:#0d0f1a!important}body.dark-mode .skills .skill-card{background:#111424!important;border-color:#1a1e35!important}body.dark-mode .skills .skill-card-title{color:#fff!important}body.dark-mode .skills .skill-chip-name{color:#cbd5e1!important}body.dark-mode .skills .skill-chips{--chip-bg:#181d33!important;--chip-border:#272d4c!important}body.dark-mode .skills .chip-expand-btn{color:#a0aec0!important;background:#181d33!important;border-color:#272d4c!important}body.dark-mode .tech-tag,body.dark-mode .tech-badge{color:#cbd5e1!important;background:#181d33!important;border:1px solid #272d4c!important}body.dark-mode .education{background-color:#080912!important}body.dark-mode .education-card{background:#111424!important;border-color:#1a1e35!important}body.dark-mode .education-card .content h3{color:#fff!important}body.dark-mode .education-card .content p{color:#a0aec0!important}body.dark-mode .education-card .content .year{color:#cbd5e1!important;background:#181d33!important;border-color:#272d4c!important}body.dark-mode .work{background-color:#0d0f1a!important}body.dark-mode .work .box{background:#111424!important;border-color:#1a1e35!important}body.dark-mode .work .box .content h3{color:#fff!important}body.dark-mode .work .box .content .desc p{color:#a0aec0!important}body.dark-mode .work .box .btns .btn{color:#fff!important;background:#1a1e35!important;border:none!important}body.dark-mode .work .box .btns .btn:hover{background:#06f!important}body.dark-mode .work .box .btns .btn-detail{color:#fff!important;background:0 0!important;border:1px solid #fff!important}body.dark-mode .repos{background-color:#080912!important}body.dark-mode .repo-card{background:#111424!important;border-color:#1a1e35!important}body.dark-mode .repo-name,body.dark-mode .repo-header>i{color:#fff!important}body.dark-mode .repo-desc{color:#a0aec0!important}body.dark-mode .repo-footer{border-top-color:#1a1e35!important}body.dark-mode .experience{background-color:#0d0f1a!important}body.dark-mode .experience .content{background-color:#111424!important;border-color:#1a1e35!important}body.dark-mode .experience .content .tag h2{color:#fff!important}body.dark-mode .experience .content .tag{border-bottom-color:#1a1e35!important}body.dark-mode .experience .content .desc ul{border-top-color:#1a1e35!important}body.dark-mode .experience .content .desc ul li{color:#cbd5e1!important}body.dark-mode .experience .left:before{border-color:#0000 #0000 #0000 #111424!important}body.dark-mode .experience .right:before{border-color:#0000 #111424 #0000 #0000!important}body.dark-mode .experience .container:after{background-color:#0d0f1a!important}body.dark-mode .tiered-role{background:#181d33!important;border-color:#272d4c!important}body.dark-mode .role-summary{background:#111424!important}body.dark-mode .role-summary:hover{background:#181d33!important}body.dark-mode .role-title{color:#fff!important}body.dark-mode .role-badge{color:#a0aec0!important}body.dark-mode .role-body{background:#181d33!important;border-top-color:#272d4c!important}body.dark-mode .role-body ul li{color:#cbd5e1!important}body.dark-mode .total-period{color:#63b3ed!important;background-color:#4299e126!important}body.dark-mode .tiered-timeline-container{border-left-color:#2d3748!important}body.dark-mode .certifications{background-color:#080912!important}body.dark-mode .certifications .box{background:#111424!important;border-color:#1a1e35!important}body.dark-mode .certifications .box .content h3{color:#fff!important}body.dark-mode .certifications .box .content .date{color:#a0aec0!important}body.dark-mode .certifications .box .content .credential-id{color:#cbd5e1!important;background:#181d33!important;border-color:#272d4c!important}body.dark-mode .contact{background-color:#0d0f1a!important}body.dark-mode .contact-container{background:#111424!important;box-shadow:0 15px 40px #0000004d!important}body.dark-mode .contact-info{background:#080912!important}body.dark-mode .contact-form-container{background:#111424!important}body.dark-mode .input-box input,body.dark-mode .input-box textarea{color:#e2e8f0!important;border-bottom:2px solid #2a2d40!important}body.dark-mode .input-box label{color:#6a7287!important}body.dark-mode .contact-info .info-item address{font-style:normal;color:#fff!important}body.dark-mode .project-detail-wrapper{background:#111424!important;border-color:#1a1e35!important}body.dark-mode .detail-badges{border-bottom-color:#1a1e35!important}body.dark-mode .meta-badge{color:#cbd5e1!important;background:#181d33!important}body.dark-mode .detail-desc,body.dark-mode .back-link{color:#a0aec0!important}body.dark-mode .footer{background:#04050b!important}.awards{background:linear-gradient(135deg,#02094b 0%,#0e1560 100%);position:relative;overflow:hidden}.awards:before{content:"";pointer-events:none;background:radial-gradient(circle,#0066ff14 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-120px;right:-120px}.awards:after{content:"";pointer-events:none;background:radial-gradient(circle,#667eea1a 0%,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;bottom:-80px;left:-80px}.awards .heading{color:#fff}.awards .heading span{color:#06f}.awards-subtitle{text-align:center;color:#ffffff8c;margin:1rem 0 4rem;font-size:1.55rem}.awards-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;display:grid;position:relative}.award-card{border:1px solid #ffffff1a;border-left:4px solid var(--award-color,#06f);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:18px;align-items:flex-start;gap:2rem;padding:2.5rem 2.8rem;transition:all .35s;display:flex;position:relative;overflow:hidden}.award-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0a 0%,#0000 60%);border-radius:18px;position:absolute;inset:0}.award-card:hover{border-color:var(--award-color,#06f);background:#ffffff17;transform:translateY(-6px);box-shadow:0 20px 50px #00000059,0 0 0 1px #ffffff14}.award-icon-wrap{background:linear-gradient(135deg, var(--award-color,#06f), #ffffff1a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .35s;display:flex;box-shadow:0 8px 20px #0000004d}.award-card:hover .award-icon-wrap{transform:rotate(10deg)scale(1.1)}.award-icon{color:#fff;font-size:2.2rem}.award-content{flex:1}.award-meta{flex-wrap:wrap;gap:.8rem 2rem;margin-bottom:1rem;display:flex}.award-issuer,.award-date{color:#ffffff8c;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;display:inline-flex}.award-issuer i,.award-date i{color:var(--award-color,#06f);font-size:1.15rem}.award-title{color:#fff;margin-bottom:1rem;font-size:1.85rem;font-weight:800;line-height:1.3}.award-desc{color:#ffffffa6;font-size:1.4rem;line-height:1.7}@media (width<=768px){.awards-grid{grid-template-columns:1fr}.award-card{flex-direction:column;gap:1.5rem;padding:2rem 2.2rem}}body.dark-mode .awards{background:linear-gradient(135deg,#010620 0%,#080e40 100%)}body.dark-mode .work .box,body.dark-mode .experience .content,body.dark-mode .education-card,body.dark-mode .certifications .box{color:#fff!important;background:#0a1128!important;border-color:#ffffff1a!important}body.dark-mode .work .box .content,body.dark-mode .experience .content .desc,body.dark-mode .education-card .content,body.dark-mode .certifications .box .content{background:#0a1128!important}body.dark-mode .work .box .content .title-wrap h3,body.dark-mode .experience .content .tag h2,body.dark-mode .education-card .content h3,body.dark-mode .certifications .box .content h3{color:#fff!important}body.dark-mode .work .box .content .desc p,body.dark-mode .experience .content .desc ul li,body.dark-mode .education-card .content p,body.dark-mode .certifications .box .content .date{color:#ffffffb3!important}body.dark-mode .work .box .image-wrapper,body.dark-mode .education-card .image{background:#02094b!important}body.dark-mode .about-stat-card{background:#0a1128!important;border-color:#ffffff1a!important}body.dark-mode .about-stat-card strong{color:#fff!important}body.dark-mode .about-stat-card span{color:#ffffffb3!important}body.dark-mode .work .box .content .title-wrap{border-bottom-color:#ffffff1a!important}body.dark-mode .work .box .btns .btn-disabled{color:#ffffff59!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}body.dark-mode .work .box .btns .btn-detail{color:#06f!important;border:1px solid #06f!important}body.dark-mode .work .box .btns .btn-detail:hover{color:#fff!important;background:#06f!important}body.dark-mode .project-detail-view{background:#010620!important}body.dark-mode .detail-title{color:#fff!important}body.dark-mode .detail-section h3{color:#06f!important}body.dark-mode .detail-desc{color:#ffffffb3!important}body.dark-mode .meta-badge{color:#fff9!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important}body.dark-mode .back-link{color:#06f!important}body.dark-mode .back-link:hover{color:#fff!important}.detail-nav-top{max-width:1200px;margin-bottom:3rem;margin-left:auto;margin-right:auto;padding:0 2rem}.back-btn-top{align-items:center;gap:.8rem;display:inline-flex;color:#06f!important;background:0 0!important;border:1.5px solid #06f!important;border-radius:50px!important;padding:1rem 2rem!important;font-size:1.4rem!important;transition:all .3s!important}.back-btn-top:hover{transform:translate(-5px);box-shadow:0 8px 20px #06f3;color:#fff!important;background:#06f!important}body.dark-mode .back-btn-top{color:#ffffffb3!important;border-color:#fff3!important}body.dark-mode .back-btn-top:hover{color:#fff!important;background:#06f!important;border-color:#06f!important}.exp-tabs-layout{background:#ffffff05;border-radius:20px;gap:4rem;min-height:400px;margin-top:3rem;padding:1rem;display:flex}.exp-tabs-sidebar{border-left:2px solid #0066ff1a;flex-direction:column;min-width:200px;display:flex;position:relative}.exp-tab{text-align:left;color:#64748b;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:1.5rem 2rem;font-size:1.5rem;font-weight:600;transition:all .3s;position:relative}.exp-tab:hover{color:#06f;background:#0066ff0d}.active-indicator{background:#06f;width:2px;height:52px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-2px;box-shadow:0 0 10px #0066ff80}.exp-tabs-content{flex:1;padding:1rem 0}.exp-panel{animation:.5s forwards fadeInTabs;display:none}.exp-panel.active{display:block}@keyframes fadeInTabs{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.exp-panel-header h3{color:#02094b;margin-bottom:.5rem;font-size:2.4rem}.exp-total-period{color:#06f;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.exp-meta-tabs{color:#64748b;gap:2rem;margin-bottom:2.5rem;font-size:1.3rem;display:flex}.exp-meta-tabs span{align-items:center;gap:.6rem;display:flex}.exp-role-group{margin-bottom:3rem}.role-header-tabs{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;padding-bottom:.8rem;display:flex}.role-header-tabs h4{color:#02094b;font-size:1.8rem}.role-period-tabs{color:#06f;background:#0066ff14;border-radius:50px;padding:.4rem 1.2rem;font-size:1.3rem;font-weight:600}.exp-tasks-tabs{list-style:none}.exp-tasks-tabs li{color:#334155;gap:1.2rem;margin-bottom:1.2rem;font-size:1.5rem;line-height:1.6;display:flex}.exp-tasks-tabs li i{color:#06f;flex-shrink:0;margin-top:.4rem}.exp-tech{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}body.dark-mode .exp-panel-header h3,body.dark-mode .role-header-tabs h4{color:#fff!important}body.dark-mode .exp-tasks-tabs li{color:#ffffffb3!important}body.dark-mode .exp-tab{color:#ffffff80}body.dark-mode .exp-tab.active{color:#06f;background:#0066ff26}body.dark-mode .role-header-tabs{border-bottom-color:#ffffff1a}@media (width<=768px){.exp-tabs-layout{flex-direction:column;gap:2rem}.exp-tabs-sidebar{border-bottom:2px solid #0066ff1a;border-left:none;flex-direction:row;padding-bottom:.5rem;overflow-x:auto}.exp-tab{white-space:nowrap;width:auto;padding:1rem 2rem}.active-indicator{display:none}}.experience .timeline:after,.experience .container:after,.experience .container:before{display:none!important}.exp-tabs-layout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02094b33;border:1px solid #0066ff1a}.exp-tabs-sidebar{border-left:2px solid #ffffff0d}.exp-tab{border-bottom:1px solid #ffffff05;padding:1.8rem 2.5rem;font-size:1.4rem}.exp-tab.active{color:#06f!important;background:#0066ff1f!important}.exp-panel-header{border-bottom:1px solid #ffffff0d;margin-bottom:2rem;padding-bottom:2rem}.exp-panel-header h3{letter-spacing:-.02em;font-size:2.8rem;font-weight:800}.role-header-tabs{border-bottom:none;margin-bottom:.5rem}.role-header-tabs h4{color:#06f;font-weight:700}.exp-tasks-tabs li{margin-bottom:1rem}body.dark-mode .exp-tabs-layout{background:#0a112899!important;border-color:#ffffff0d!important}body.dark-mode .exp-tab:hover{background:#ffffff08}.timeline:after{display:none!important}
