body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}.loading{background:#1f242d}.loader{border-top-color:#0ef}*{border:none;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}:root{--bg-color:#fff;--second-bg-color:#f1f3f4;--text-color:#1e3a8a;--main-color:#1e3a8a;--accent-color:#ff6b6b;--gradient-primary:linear-gradient(135deg,#1e3a8a,#3b82f6);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#1e3a8a,#3b82f6);--shadow:0 0.5rem 1.5rem #1e3a8a1a;--shadow-hover:0 1rem 2rem #1e3a8a26;--card-bg:#fff;--border-color:#d1d5db;--hover-bg:#f8fafc;--skill-tag-bg:#fff;--skill-tag-border:#1e3a8a;--skill-tag-text:#1e3a8a;--service-text-light:#1e3a8a}.dark{--bg-color:#1f242d;--second-bg-color:#323946;--text-color:#fff;--main-color:#0ef;--accent-color:#ff6b6b;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--shadow:0 0 1rem #00eeff4d;--shadow-hover:0 0 2rem #00eeff80;--card-bg:#323946;--border-color:#495057;--hover-bg:#495057;--skill-tag-bg:#323946;--skill-tag-border:#0ef;--skill-tag-text:#fff;--service-text-light:#b0b0b0}html{font-size:62.5%;overflow-x:hidden}body,html,html:not(:target){scroll-behavior:auto}body{animation:fadeInUp 1s ease-out .2s both;background:#fff;background:var(--bg-color);color:#1e3a8a;color:var(--text-color);line-height:1.6;opacity:0}body:not(.scrolling){scroll-behavior:auto}.header{animation:slideDown .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f242df2;border-bottom:.1rem solid #00eeff1a;height:auto;left:0;min-height:8rem;padding:1.5rem 5%;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}:root:not(.dark) .header{background:#fffffff2;border-bottom:.1rem solid #0ef3}.dark .header{background:#1f242df2;border-bottom:.1rem solid #00eeff1a}.header-content{align-items:center;display:flex;gap:0;justify-content:space-between;margin:0 auto;max-width:140rem;width:100%}.header.sticky{background:#1f242dfa;box-shadow:0 .1rem 1rem #0003}:root:not(.dark) .header.sticky{background:#fffffffa;box-shadow:0 .1rem 1rem #0000001a}.dark .header.sticky{background:#1f242dfa;box-shadow:0 .1rem 1rem #0003}.logo{align-items:center;color:#1e3a8a;color:var(--text-color);display:flex;font-weight:600;gap:1.5rem;margin-right:3rem;text-decoration:none}.logo-text-container{align-items:flex-start;display:flex;flex-direction:column}.logo-icon{align-items:center;display:flex;height:4rem;justify-content:center;position:relative;width:4rem}.crosshair{animation:crosshair-pulse 2s ease-in-out infinite;border:2px solid #1e3a8a;border:2px solid var(--main-color);border-radius:.5rem;height:3rem;position:relative;width:3rem}.crosshair-center{background:#1e3a8a;background:var(--main-color);box-shadow:0 0 1rem #1e3a8a;box-shadow:0 0 1rem var(--main-color);height:.8rem;left:50%;top:50%;transform:translate(-50%,-50%);width:.8rem}.crosshair-center,.crosshair-dot{border-radius:50%;position:absolute}.crosshair-dot{animation:dot-pulse 1.5s ease-in-out infinite;background:#ff6b6b;height:.4rem;width:.4rem}.crosshair-dot-1{animation-delay:0s;left:.3rem;top:.3rem}.crosshair-dot-2{animation-delay:.2s;right:.3rem;top:.3rem}.crosshair-dot-3{animation-delay:.4s;bottom:.3rem;left:.3rem}.crosshair-dot-4{animation-delay:.6s;bottom:.3rem;right:.3rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3.2rem;font-weight:700}.logo-text,.logo-title{line-height:1.2;margin:0}.logo-title{color:#1e3a8a;color:var(--text-color);font-size:2rem;font-weight:500;opacity:.8;text-align:center}@keyframes crosshair-pulse{0%,to{box-shadow:0 0 .5rem #00eeff80;transform:scale(1)}50%{box-shadow:0 0 1.5rem #0efc;transform:scale(1.05)}}@keyframes dot-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.navbar{gap:3rem;justify-content:flex-end;margin-left:0}.navbar,.navbar a{align-items:center;display:flex}.navbar a{border-radius:.5rem;color:#1e3a8a;color:var(--text-color);font-size:2rem;font-weight:500;gap:.8rem;padding:1rem 1.5rem;position:relative;text-decoration:none}.navbar a,.navbar a i{transition:all .3s ease}.navbar a i,.navbar a span{font-size:1.8rem}.navbar a.active,.navbar a:hover{background:#ff6b6b1a;color:#ff6b6b;color:var(--accent-color);transform:translateY(-.2rem)}.navbar a.active i,.navbar a:hover i{color:#ff6b6b;color:var(--accent-color);transform:scale(1.1)}.dropdown{display:inline-block;position:relative}.dropdown-toggle{align-items:center;display:flex;gap:.5rem}.dropdown-toggle i:last-child{font-size:1.2rem;transition:transform .3s ease}.dropdown:hover .dropdown-toggle i:last-child{transform:rotate(180deg)}.dropdown-menu{background:#fff;background:var(--card-bg);border:.1rem solid #0ef3;border-radius:.5rem;box-shadow:0 .5rem 1rem #0000004d;left:0;min-width:15rem;opacity:0;padding:.5rem 0;position:absolute;top:100%;transform:translateY(-1rem);transition:all .3s ease;visibility:hidden;z-index:1000}.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu a{align-items:center;border-bottom:.1rem solid #00eeff1a;color:#1e3a8a;color:var(--text-color);display:flex;font-size:1.6rem;gap:.8rem;margin:0;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.dropdown-menu a i{font-size:1.4rem;transition:all .3s ease}.dropdown-menu a span{font-size:1.6rem}.dropdown-menu a:last-child{border-bottom:none}.dropdown-menu a:hover{background:#ff6b6b1a;color:#ff6b6b;color:var(--accent-color);padding-left:2rem}.dropdown-menu a:hover i{color:#ff6b6b;color:var(--accent-color);transform:scale(1.1)}#menu-icon,.dropdown-menu a:after{display:none}#menu-icon{color:#1e3a8a;color:var(--text-color);cursor:pointer;font-size:3.6rem}section{min-height:auto;padding:10rem 9% 2rem}.heading{font-size:4.5rem;margin-bottom:3rem;text-align:center}.heading span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.section-subtitle{color:#1e3a8a;color:var(--text-color);font-size:1.8rem;margin-bottom:5rem;margin-left:auto;margin-right:auto;max-width:60rem;opacity:.8;text-align:center}.home{align-items:center;background:linear-gradient(135deg,#fff,#f1f3f4);background:linear-gradient(135deg,var(--bg-color) 0,var(--second-bg-color) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:8rem 5% 0;position:relative}.home:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='%23fff' stroke-width='.5' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.home-content{flex:1 1;max-width:70rem;padding-right:2rem;position:relative;z-index:2}.home-content h3{animation:slideInLeft 1s ease-out .8s both;color:#1e3a8a;color:var(--main-color);font-size:3.2rem}.home-content h1,.home-content h3{font-weight:700;margin-bottom:2rem}.home-content h1{animation:textReveal 1s ease-out .5s both;color:#1e3a8a;color:var(--text-color);font-size:5.6rem;line-height:1.3;margin-top:2rem;text-shadow:0 0 10px #ffffff4d}.hello-text{color:#1e3a8a!important;color:var(--text-color)!important;display:inline-block;font-weight:600;margin-right:.5rem}.text-gradient{animation:knightRider 3s ease-in-out infinite,nameGlow 2s ease-in-out infinite,nameFloat 4s ease-in-out infinite;display:inline-block;position:relative;transform-origin:center}.text-gradient,:root:not(.dark) .text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0f8,#00d4ff,#0f8,#00d4ff,#0f8);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;filter:drop-shadow(0 0 2px rgba(0,255,136,.2)) drop-shadow(0 0 4px rgba(0,212,255,.1))}@keyframes knightRider{0%{background-position:-200% 0}50%{background-position:200% 0}to{background-position:-200% 0}}@keyframes nameGlow{0%,to{filter:drop-shadow(0 0 2px rgba(0,255,136,.2)) drop-shadow(0 0 4px rgba(0,212,255,.1))}50%{filter:drop-shadow(0 0 3px rgba(0,255,136,.3)) drop-shadow(0 0 6px rgba(0,212,255,.2))}}@keyframes nameFloat{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-2px) scale(1.02)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(2px) scale(.98)}}.typing-text{color:#1e3a8a;color:var(--main-color);font-size:3.2rem;margin-bottom:2rem}.home-content p{animation:fadeInUp 1s ease-out 1.1s both;color:#1e3a8a;color:var(--text-color);font-size:1.6rem;line-height:1.8;margin-bottom:3rem;opacity:.8}.tech-stack{animation:slideInRight 1s ease-out 1.4s both;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.tech-item{background:#fff;background:var(--skill-tag-bg);border:1px solid #1e3a8a;border:1px solid var(--skill-tag-border);border-radius:2rem;color:#1e3a8a;color:var(--skill-tag-text);font-size:1.4rem;padding:.8rem 1.5rem;transition:all .3s ease}.tech-item:hover{background:#f8fafc;background:var(--hover-bg);border-color:#1e3a8a;border-color:var(--main-color);transform:translateY(-.2rem)}.social-media{animation:fadeInUp 1s ease-out 1.7s both;display:flex;gap:2rem;margin-bottom:3rem}.social-media a{align-items:center;background:#0000;border:.2rem solid #1e3a8a;border:.2rem solid var(--main-color);border-radius:50%;color:#1e3a8a;color:var(--main-color);display:inline-flex;font-size:2rem;height:4rem;justify-content:center;transition:all .3s ease;width:4rem}.social-media a:hover{animation:bounce .6s ease;background:#1e3a8a;background:var(--main-color);box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);color:#fff;color:var(--bg-color);transform:translateY(-.3rem)}.btn-group{animation:scaleIn 1s ease-out 2s both;display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start;max-width:100%;z-index:2}.btn,.btn-group{position:relative}.btn{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-primary);border-radius:4rem;box-shadow:0 0 1rem #1e3a8a4d;color:#fff;display:inline-block;font-size:1.6rem;font-weight:600;letter-spacing:.1rem;overflow:hidden;padding:1.2rem 2.8rem;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{animation:pulse .6s ease-in-out;box-shadow:0 1rem 2rem #1e3a8a26;box-shadow:var(--shadow-hover);transform:translateY(-.3rem)}.btn-secondary{background:#0000;border:.2rem solid #1e3a8a;border:.2rem solid var(--main-color);color:#1e3a8a;color:var(--main-color)}.btn-secondary:hover{animation:glow 1s ease-in-out infinite;background:#1e3a8a;background:var(--main-color);color:#fff;color:var(--bg-color)}.home-img{align-items:center;animation:slideInRight 1.5s ease-out .3s both;display:flex;flex:1 1;justify-content:center;position:relative}.img-container{height:35rem;position:relative;width:35rem}.img-container img{border:.5rem solid #1e3a8a;border:.5rem solid var(--main-color);border-radius:50%;box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);height:100%;object-fit:cover;transition:all .3s ease;width:100%}.img-container:hover img{box-shadow:0 1rem 2rem #1e3a8a26;box-shadow:var(--shadow-hover);transform:scale(1.05)}.floating-elements{animation:rotate 20s linear infinite;height:50rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:50rem}.floating-icon{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-accent);border-radius:50%;box-shadow:0 0 2rem #1e3a8a66;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:5rem;justify-content:center;pointer-events:auto;position:absolute;transition:all .3s ease;width:5rem}.floating-icon:hover{box-shadow:0 0 3rem #1e3a8a99;transform:scale(1.2)}.floating-icon:first-child{left:50%;top:0;transform:translateX(-50%)}.floating-icon:nth-child(2){right:15%;top:20%;transform:translateY(-50%)}.floating-icon:nth-child(3){right:0;top:50%;transform:translateY(-50%)}.floating-icon:nth-child(4){bottom:20%;right:15%;transform:translateY(50%)}.floating-icon:nth-child(5){bottom:0;left:50%;transform:translateX(-50%)}.floating-icon:nth-child(6){bottom:20%;left:15%;transform:translateY(50%)}.floating-icon:nth-child(7){left:15%;top:20%;transform:translateY(-50%)}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.floating-icon:after{background:#1e3a8ae6;border-radius:.5rem;bottom:-3rem;color:#fff;content:attr(data-tooltip);font-size:1.2rem;left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:1000}.floating-icon:hover:after{opacity:1}.engineer-icon{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-accent);border-radius:50%;overflow:hidden}.engineer-gear,.engineer-icon{align-items:center;display:flex;justify-content:center;position:relative}.engineer-gear{height:100%;width:100%}.engineer-gear i{animation:engineer-float 3s ease-in-out infinite;color:#fff;font-size:1.2rem;position:absolute}.engineer-gear .fa-cog{animation:engineer-rotate 4s linear infinite;font-size:1.8rem}.engineer-gear .fa-wrench{animation-delay:.5s;animation:engineer-swing 2s ease-in-out infinite;right:-.5rem;top:-.5rem}.engineer-gear .fa-hammer{animation-delay:1s;animation:engineer-bounce 2.5s ease-in-out infinite;bottom:-.5rem;left:-.5rem}@keyframes engineer-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes engineer-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes engineer-swing{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes engineer-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.1)}}.engineer-icon:hover .engineer-gear .fa-cog,.engineer-icon:hover .engineer-gear .fa-hammer,.engineer-icon:hover .engineer-gear .fa-wrench{animation-duration:1s}.about{align-items:flex-start;background:#f1f3f4;background:var(--second-bg-color);display:flex;gap:4rem;justify-content:center;opacity:0;padding:8rem 9% 2rem;transform:translateY(50px);transition:all .8s ease}.about.animate{opacity:1;transform:translateY(0)}.about-content{flex:1 1;max-width:60rem;text-align:left}.about-img{align-items:center;display:flex;flex:0 0 35rem;flex-direction:column;justify-content:flex-start;position:relative}.img-wrapper{height:30rem;margin-bottom:3rem;position:relative;width:30rem}.about-img img{border:.5rem solid #1e3a8a;border:.5rem solid var(--main-color);border-radius:2rem;box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);height:100%;object-fit:cover;position:relative;transition:all .3s ease;width:100%;z-index:2}.about-img img:hover{animation:wave 2s ease-in-out infinite;box-shadow:0 1rem 2rem #1e3a8a26;box-shadow:var(--shadow-hover);transform:scale(1.05)}.img-decoration{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.decoration-circle{animation:float-decoration 6s ease-in-out infinite;background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-accent);border-radius:50%;opacity:.3;position:absolute}.circle-1{animation-delay:0s;height:8rem;right:-2rem;top:-2rem;width:8rem}.circle-2{animation-delay:2s;bottom:-1rem;height:6rem;left:-1rem;width:6rem}.circle-3{animation-delay:4s;height:4rem;left:-2rem;top:50%;transform:translateY(-50%);width:4rem}@keyframes float-decoration{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.about-content h2{line-height:1.2;margin-bottom:2rem;text-align:left}.about-content h3{color:#1e3a8a;color:var(--main-color);font-size:2.6rem;margin-bottom:2rem}.about-content p{color:#b0b0b0;font-size:1.6rem;line-height:1.8;margin-bottom:3rem}.stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2.5rem}.stat-item{background:#00eeff1a;border:1px solid #00eeff4d;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-item:hover{box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);transform:translateY(-.5rem)}.stat-content{text-align:center}.stat-item h3{color:#1e3a8a;color:var(--main-color);font-size:4rem;margin-bottom:.5rem}.stat-item p{color:#b0b0b0;font-size:1.8rem;margin:0}.progress-bar{background:#0ef3;height:.8rem;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:.4rem;position:relative}.progress-fill{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-accent);height:100%;transition:width 2s ease-in-out;width:0}.progress-fill:after{animation:progress-shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text{color:#1e3a8a;color:var(--main-color);font-size:1.6rem;font-weight:600;text-align:center}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.soft-skills{align-items:center;display:flex;justify-content:center;margin-top:1rem;width:100%}.circular-progress-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);justify-items:center;max-width:30rem}.circular-progress{align-items:center;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.circular-progress:hover .progress-circle{animation:pulse 1s ease-in-out infinite;transform:scale(1.1)}.progress-circle{align-items:center;background:conic-gradient(#1e3a8a 0deg,#1e3a8a 0deg,#0ef3 0deg);background:conic-gradient(var(--main-color) 0deg,var(--main-color) 0deg,#0ef3 0deg);border-radius:50%;display:flex;height:12rem;justify-content:center;position:relative;transition:all .3s ease;width:12rem}.progress-circle:before{background:#f1f3f4;background:var(--second-bg-color);border-radius:50%;content:"";height:10rem;position:absolute;width:10rem;z-index:1}.progress-value{color:#1e3a8a;color:var(--main-color);font-size:2rem;font-weight:700;position:relative;z-index:2}.skill-name{font-size:1.6rem;text-align:center}.circular-progress:hover .progress-circle{box-shadow:0 0 2rem #00eeff4d;transform:scale(1.05)}.expertise{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2.5rem}.expertise-item{align-items:center;background:#00eeff0d;border:1px solid #0ef3;border-radius:.8rem;display:flex;gap:.8rem;padding:1rem;transition:all .3s ease}.expertise-item:hover{background:#00eeff1a;transform:translateX(.3rem)}.expertise-item i{color:#1e3a8a;color:var(--main-color);font-size:2rem}.expertise-item span{color:#1e3a8a;color:var(--text-color);font-size:1.6rem}.experience{background:#f1f3f4;background:var(--second-bg-color);opacity:0;transform:translateY(50px);transition:all .8s ease}.experience.animate{opacity:1;transform:translateY(0)}.experience-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(40rem,1fr));margin-top:3rem}.experience-card{background:#fff;background:var(--bg-color);border:.2rem solid #00eeff1a;border-radius:2rem;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s ease}.experience-card:before{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-accent);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%}.experience-card:hover:before{opacity:.05}.experience-card:hover{border-color:#1e3a8a;border-color:var(--main-color);box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);transform:translateY(-.5rem)}.experience-icon{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-accent);border-radius:50%;color:#fff;display:flex;font-size:3rem;height:8rem;justify-content:center;margin:0 auto 2rem;width:8rem}.experience-content,.experience-icon{position:relative;z-index:2}.experience-content h3{color:#1e3a8a;color:var(--main-color);font-size:2.2rem;font-weight:700;margin-bottom:1rem}.experience-content h4{color:#1e3a8a;color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:1rem}.experience-duration{color:#b0b0b0;font-size:1.4rem;margin-bottom:1.5rem}.experience-description{color:#b0b0b0;font-size:1.4rem;line-height:1.6;margin-bottom:2rem}.education{background:#fff;background:var(--bg-color);opacity:0;transform:translateY(50px);transition:all .8s ease}.education.animate{opacity:1;transform:translateY(0)}.education-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));margin-top:3rem}.education-card{background:#f1f3f4;background:var(--second-bg-color);border:.2rem solid #00eeff1a;border-radius:2rem;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s ease}.education-card:before{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%}.education-card:hover:before{opacity:.05}.education-card:hover{border-color:#1e3a8a;border-color:var(--main-color);box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);transform:translateY(-.5rem)}.education-icon{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:3rem;height:8rem;justify-content:center;margin:0 auto 2rem;width:8rem}.education-content,.education-icon{position:relative;z-index:2}.education-content h3{color:#1e3a8a;color:var(--main-color);font-size:2.2rem;font-weight:700;margin-bottom:1rem}.education-content h4{color:#1e3a8a;color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:1rem}.education-details{color:#b0b0b0;font-size:1.4rem;line-height:1.6;margin-bottom:2rem}.certifications-section{border-top:.1rem solid #d1d5db;border-top:.1rem solid var(--border-color);margin-top:8rem;padding-top:4rem}.certifications-container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));margin-top:4rem}.certification-card{background:#fff;background:var(--card-bg);border:.1rem solid #d1d5db;border:.1rem solid var(--border-color);border-radius:1.5rem;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.certification-card:hover{border-color:#1e3a8a;border-color:var(--main-color);box-shadow:0 1rem 2rem #1e3a8a26;box-shadow:var(--shadow-hover);transform:translateY(-.5rem)}.cert-icon{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-primary);border-radius:.8rem;color:#fff;display:flex;font-size:1.8rem;height:4rem;justify-content:center;margin-bottom:1.5rem;width:4rem}.cert-credential-id{background:#1e3a8a;background:var(--main-color);border-radius:1rem;color:#fff;font-family:Courier New,monospace;font-size:1.2rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1.5rem;top:1.5rem}.certification-card h3{color:#1e3a8a;color:var(--text-color);font-size:2rem;font-weight:600;line-height:1.3;margin-bottom:.8rem}.certification-card h4{font-size:1.4rem;opacity:.8}.cert-date,.certification-card h4{color:#1e3a8a;color:var(--text-color);margin-bottom:1.5rem}.cert-date{align-items:center;display:flex;font-size:1.3rem;gap:.5rem;opacity:.7}.cert-date i{color:#1e3a8a;color:var(--main-color)}.cert-skills{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.cert-skills .skill-tag{background:#1e3a8a;background:var(--main-color);border-radius:1rem;color:#fff;font-size:1.1rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.cert-skills .skill-tag:hover{box-shadow:0 .3rem .8rem #1e3a8a4d;transform:translateY(-.2rem)}.view-cert-btn{align-items:center;background:#1e3a8a;background:var(--main-color);border:none;border-radius:.8rem;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.view-cert-btn:hover{background:#ff6b6b;background:var(--accent-color);box-shadow:0 .5rem 1rem #ff6b6b4d;transform:translateY(-.2rem)}.dark .view-cert-btn{background:#1e3a8a;background:var(--main-color);color:#fff}.dark .view-cert-btn:hover{background:#ff6b6b;background:var(--accent-color);box-shadow:0 .5rem 1rem #ff6b6b4d}:root:not(.dark) .view-cert-btn{background:#1e3a8a;background:var(--main-color);color:#fff}:root:not(.dark) .view-cert-btn:hover{background:#ff6b6b;background:var(--accent-color);box-shadow:0 .5rem 1rem #ff6b6b4d}.skills{background:#fff;background:var(--bg-color);opacity:0;transform:translateY(50px);transition:all .8s ease}.skills.animate{opacity:1;transform:translateY(0)}.skills-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr))}.skill-category{background:#f1f3f4;background:var(--second-bg-color);border:.2rem solid #0000;border-radius:2rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease}.skill-category:before{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.skill-category:hover:before{opacity:.1}.skill-category:hover{border-color:#1e3a8a;border-color:var(--main-color);box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);transform:translateY(-.5rem)}.skill-icon{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-accent);box-shadow:0 0 2rem #00eeff4d;color:#1e3a8a;color:var(--text-color);height:8rem;margin:0 auto 2rem;width:8rem}.skill-category h3{color:#1e3a8a;color:var(--main-color);font-size:2rem;margin-bottom:2rem}.skill-items{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-tag{background:#fff;background:var(--skill-tag-bg);border:1px solid #1e3a8a;border:1px solid var(--skill-tag-border);border-radius:2rem;color:#1e3a8a;color:var(--skill-tag-text);font-size:1.3rem;padding:.8rem 1.5rem;transition:all .3s ease}.skill-tag:hover{animation:bounce .6s ease;background:#f8fafc;background:var(--hover-bg);border-color:#1e3a8a;border-color:var(--main-color);transform:translateY(-.2rem)}.services{background:#f1f3f4;background:var(--second-bg-color);opacity:0;transform:translateY(50px);transition:all .8s ease}.services.animate{opacity:1;transform:translateY(0)}.services-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr))}.service-box{background:#fff;background:var(--card-bg);border:.2rem solid #d1d5db;border:.2rem solid var(--border-color);border-radius:2rem;box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease}.service-box:before{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.service-box:hover:before{opacity:.05}.service-box:hover{animation:pulse 1s ease-in-out;border-color:#1e3a8a;border-color:var(--main-color);box-shadow:0 1rem 2rem #1e3a8a26;box-shadow:var(--shadow-hover);transform:translateY(-.5rem)}.service-icon{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-accent);border-radius:50%;box-shadow:0 0 2rem #1e3a8a4d;color:#fff;display:flex;font-size:3rem;height:8rem;justify-content:center;margin:0 auto 2rem;width:8rem}.service-box h3{color:#1e3a8a;color:var(--main-color);font-size:2.2rem;margin-bottom:1.5rem}.service-box p{color:#1e3a8a;color:var(--service-text-light);font-size:1.4rem;line-height:1.6;margin-bottom:2rem}.service-box ul{list-style:none;text-align:left}.service-box li{color:#1e3a8a;color:var(--text-color);font-size:1.3rem;margin-bottom:.8rem;padding-left:2rem;position:relative}.service-box li:before{color:#1e3a8a;color:var(--main-color);content:"✓";font-weight:700;left:0;position:absolute}.portfolio{background:#f1f3f4;background:var(--second-bg-color);padding:10rem 0 5rem;transition:all .8s ease}.portfolio,.portfolio.animate{opacity:1;transform:translateY(0)}.portfolio-filters{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:4rem}.filter-btn{background:#0000;border:.2rem solid #1e3a8a;border:.2rem solid var(--main-color);border-radius:2rem;color:#1e3a8a;color:var(--main-color);cursor:pointer;font-size:1.4rem;padding:1rem 2rem;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:#1e3a8a;background:var(--main-color);box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);color:#fff;color:var(--bg-color)}.portfolio-container{grid-gap:3rem;align-items:stretch;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr))}.portfolio-box{background:#fff;background:var(--card-bg);border:.1rem solid #d1d5db;border:.1rem solid var(--border-color);border-radius:1.5rem;box-shadow:0 .5rem 1.5rem #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.portfolio-box:hover{box-shadow:0 1rem 2rem #00000026;transform:translateY(-.5rem)}.portfolio-image-container{overflow:hidden;position:relative}.portfolio-image-container img{height:20rem;object-fit:cover;transition:all .3s ease;width:100%}.portfolio-box:hover .portfolio-image-container img{transform:scale(1.05)}.portfolio-category-tag{background:#1e3a8a;background:var(--main-color);border-radius:2rem;color:#fff;color:var(--bg-color);font-size:1.2rem;font-weight:600;left:1rem;letter-spacing:.1rem;padding:.5rem 1rem;position:absolute;text-transform:uppercase;top:1rem}.portfolio-content{display:flex;flex-direction:column;flex-grow:1;padding:2rem}.portfolio-title{color:#1e3a8a;color:var(--text-color);font-size:2rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.portfolio-date{margin-bottom:1rem;opacity:.7}.portfolio-date,.portfolio-description{color:#1e3a8a;color:var(--text-color);font-size:1.4rem}.portfolio-description{flex-grow:1;line-height:1.6;margin-bottom:1.5rem;opacity:.8}.tech-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.tech-tag{background:#1e3a8a;background:var(--main-color);border-radius:1.5rem;color:#fff;color:var(--bg-color);font-size:1.2rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.tech-tag:hover{box-shadow:0 .3rem .8rem #00eeff4d;transform:translateY(-.2rem)}.portfolio-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:auto}.btn-live{align-items:center;background:#1e3a8a;background:var(--main-color);border-radius:.8rem;color:#fff;color:var(--bg-color);display:inline-flex;flex:1 1;font-size:1.4rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-live:hover{background:#ff6b6b;background:var(--accent-color);box-shadow:0 .5rem 1rem #ff6b6b4d;transform:translateY(-.2rem)}.btn-code{align-items:center;background:#d1d5db;background:var(--border-color);border-radius:.8rem;color:#1e3a8a;color:var(--text-color);display:inline-flex;flex:1 1;font-size:1.4rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-code:hover{background:#1e3a8a;background:var(--main-color);box-shadow:0 .5rem 1rem #1e3a8a4d;color:#fff;transform:translateY(-.2rem)}.footer{background:#fff;background:var(--bg-color);border-top:.1rem solid #00eeff4d;padding:3rem 9% 1rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));margin-bottom:2rem}.footer-section h3{color:#1e3a8a;color:var(--main-color);font-size:2rem;margin-bottom:1.5rem}.footer-section p{color:#b0b0b0;font-size:1.4rem;line-height:1.6;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:1rem}.footer-section ul li a{color:#b0b0b0;font-size:1.4rem;transition:all .3s ease}.footer-section ul li a:hover{color:#1e3a8a;color:var(--main-color);padding-left:.5rem}.social-links{display:flex;gap:1.5rem}.social-links a{align-items:center;background:#f1f3f4;background:var(--second-bg-color);border-radius:50%;color:#1e3a8a;color:var(--main-color);display:inline-flex;font-size:2rem;height:4rem;justify-content:center;transition:all .3s ease;width:4rem}.social-links a:hover{background:#1e3a8a;background:var(--main-color);box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);color:#fff;color:var(--bg-color);transform:translateY(-.3rem)}.footer-bottom{border-top:.1rem solid #00eeff4d;padding-top:2rem;text-align:center}.footer-bottom p{color:#b0b0b0;font-size:1.4rem}.scroll-top{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-primary);border-radius:50%;bottom:3rem;color:#1e3a8a;color:var(--text-color);cursor:pointer;display:flex;font-size:2rem;height:5rem;justify-content:center;opacity:0;position:fixed;right:3rem;transition:all .3s ease;visibility:hidden;width:5rem;z-index:1000}.scroll-top.active{opacity:1;visibility:visible}.scroll-top:hover{box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);transform:translateY(-.3rem)}@media (max-width:1200px){html{font-size:55%}}@media (max-width:991px){html{font-size:55%}.header{height:7.5rem;padding:1.8rem 3%}section{padding:8rem 3% 2rem}.home{flex-direction:column;padding:7rem 3% 0;text-align:center}.home-content{margin-bottom:3rem;max-width:100%}.home-content h1{font-size:4.5rem}.home-content h3{font-size:2.8rem}.home-content p{font-size:1.5rem}.home-img{margin-top:2rem}.img-container{height:30rem;width:30rem}.about{flex-direction:column;gap:2rem;padding:6rem 3% 2rem;text-align:center}.about-content{margin-bottom:0;max-width:100%;order:1;text-align:center}.about-content h2{font-size:4rem;margin-bottom:2rem;order:1;position:relative;z-index:10}.about-content h3{font-size:2.5rem;order:2}.about-content p{font-size:1.4rem;order:3}.about-img{align-items:center;display:flex;flex:none;flex-direction:column;margin-bottom:2rem;order:4;width:100%}.soft-skills{margin-bottom:2rem;order:5}.img-wrapper{height:28rem;margin-bottom:2rem;width:28rem}.expertise{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.circular-progress-container{gap:1.2rem;grid-template-columns:repeat(2,1fr);justify-content:center;max-width:22rem}.progress-circle{height:13rem;width:13rem}.progress-circle:before{height:11rem;width:11rem}.progress-value{font-size:2.4rem}.skill-name{font-size:1.8rem}.education-container,.experience-container{gap:2.5rem;grid-template-columns:1fr}.certifications-container{gap:2rem;grid-template-columns:1fr}.services-container,.skills-container{gap:2.5rem;grid-template-columns:1fr}.portfolio-container{gap:2rem;grid-template-columns:repeat(2,1fr)}.btn-group,.portfolio-filters,.tech-stack{justify-content:center}.portfolio-filters{flex-wrap:wrap}}@media (max-width:768px){html{font-size:60%}#menu-icon{display:block;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1001}.header{height:auto;min-height:7rem;padding:1.2rem 3%}.header-content{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between}.logo{gap:1rem}.logo-text{font-size:3.2rem}.navbar{flex-wrap:wrap;gap:2rem;justify-content:flex-start}.navbar a{font-size:2.2rem;padding:1rem 1.4rem}.navbar a i,.navbar a span{font-size:1.8rem}.dropdown-menu{background:#0000;border:none;box-shadow:none;margin-left:2rem;opacity:1;padding:0;position:static;transform:none;visibility:visible}.dropdown-menu a{border-bottom:none;font-size:1.8rem;padding:.5rem 0}.dropdown:hover .dropdown-toggle i:last-child{transform:none}.navbar{align-items:flex-start;background:#fff;background:var(--card-bg);border-top:.1rem solid #d1d5db;border-top:.1rem solid var(--border-color);box-shadow:0 .5rem 1rem #0003;display:none;flex-direction:column;gap:1rem;left:0;padding:1rem 3%;position:absolute;top:100%;width:100%}.navbar a,.navbar.active{display:flex}.navbar a{align-items:center;font-size:2.4rem;gap:1rem;justify-content:flex-start;margin:.5rem 0;padding:1.2rem 2rem;text-align:left;width:auto}.navbar a i,.navbar a span{font-size:2rem}.logo{flex:1 1;gap:.5rem;justify-content:center;margin-left:5rem}.logo-icon{height:3rem;width:3rem}.crosshair{height:2.5rem;width:2.5rem}.logo-text{font-size:2.4rem}.logo-title{display:block;font-size:1.4rem;text-align:center}.home{min-height:100vh;padding:8rem 3% 0}.home-content h1{word-wrap:break-word;font-size:3.5rem;line-height:1.3;margin-top:2rem;padding-top:4rem;text-align:center}.hello-text{color:#1e3a8a!important;color:var(--text-color)!important;display:inline-block;font-weight:600;margin-right:.5rem}.home-content h3{font-size:2.2rem;text-align:center}.home-content p{font-size:1.6rem;line-height:1.6;margin-bottom:2rem;padding:0 1rem;text-align:center}.tech-stack{gap:.8rem;margin-bottom:2rem}.tech-item{font-size:1.4rem;padding:.8rem 1.4rem}.social-media{gap:1.5rem;margin-bottom:2rem}.social-media a{font-size:1.8rem;height:4rem;width:4rem}.btn-group{gap:1.5rem}.btn{font-size:1.4rem;padding:1rem 2rem}.img-container{height:28rem;width:28rem}.floating-icon{font-size:1.4rem;height:3.5rem;width:3.5rem}.home-content h1{font-size:4rem}.home-content h3,.typing-text{font-size:2.5rem}.heading{font-size:3.5rem}.expertise,.stats{grid-template-columns:1fr}.circular-progress-container{gap:.8rem;grid-template-columns:repeat(2,1fr)}.progress-circle{height:5rem;width:5rem}.progress-circle:before{height:3.5rem;width:3.5rem}.progress-value{font-size:1.8rem}.skill-name{font-size:1.4rem}.img-wrapper{height:26rem;margin-bottom:2rem;width:26rem}.decoration-circle{display:none}.soft-skills{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;margin-top:.5rem;order:3;width:100%}.circular-progress-container{justify-content:center;max-width:20rem}.certifications-container,.education-container,.experience-container{grid-template-columns:1fr}.certification-card{padding:2rem}.certification-card h3{font-size:1.8rem}.certification-card h4{font-size:1.3rem}.cert-credential-id{font-size:1rem;padding:.4rem .8rem}.view-cert-btn{font-size:1.3rem;padding:.8rem 1.5rem}.portfolio-container,.services-container,.skills-container{grid-template-columns:1fr}.btn-group,.portfolio-filters,.tech-stack{justify-content:center}}@media (max-width:450px){html{font-size:55%}.header{height:auto;min-height:6rem;padding:1rem 3%}.header-content{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between}#menu-icon{left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1001}.logo{flex:1 1;gap:.5rem;justify-content:center;margin-left:4rem}.logo-text{font-size:2.4rem}.logo-title{font-size:1.3rem;text-align:center}.logo-text{font-size:2.8rem}.navbar a{font-size:1.8rem;padding:1rem 1.2rem}.navbar a i,.navbar a span{font-size:1.6rem}.home{padding:7rem 3% 0}.home-content h1{word-wrap:break-word;font-size:3rem;line-height:1.3;margin-top:2rem;padding:4rem .5rem 0;text-align:center}.hello-text{color:#1e3a8a!important;color:var(--text-color)!important;display:inline-block;font-weight:600;margin-right:.5rem}.home-content h3{font-size:2rem;text-align:center}.typing-text{font-size:2rem}.home-content p{font-size:1.4rem;line-height:1.6;padding:0 1rem;text-align:center}.tech-stack{flex-wrap:wrap;gap:.8rem;justify-content:center}.tech-item{font-size:1.2rem;padding:.6rem 1.2rem}.social-media{gap:1rem}.social-media a{font-size:1.6rem;height:3.5rem;width:3.5rem}.btn{font-size:1.2rem;padding:.8rem 1.5rem}.img-container{height:22rem;width:22rem}.floating-icon{font-size:1.2rem;height:3rem;width:3rem}.heading{font-size:2.8rem}.about{gap:1.5rem;padding:5rem 3% 2rem}.about-content{margin-bottom:0;order:1}.about-content h2{font-size:3rem;margin-bottom:1.5rem;order:1;position:relative;z-index:10}.about-content h3{font-size:1.8rem;order:2}.about-content p{font-size:1.3rem;line-height:1.6;order:3;padding:0 1rem;text-align:center}.about-img{margin-bottom:1.5rem;order:4}.soft-skills{margin-bottom:1.5rem;order:5}.img-wrapper{height:24rem;width:24rem}.circular-progress-container{gap:2rem;grid-template-columns:repeat(2,1fr);justify-content:center;max-width:32rem}.progress-circle{height:12rem;width:12rem}.progress-circle:before{height:10rem;width:10rem}.progress-value{font-size:2rem}.skill-name{font-size:1.6rem}.expertise{gap:.8rem;grid-template-columns:1fr}.expertise-item{padding:.8rem}.expertise-item i{font-size:1.8rem}.expertise-item span{font-size:1.4rem}.skill-category h3{font-size:1.8rem}.skill-tag{font-size:1.3rem;padding:.8rem 1.2rem}.service-box{padding:1.5rem}.service-icon{height:5rem;width:5rem}.service-box h3,.service-icon{font-size:2rem}.service-box p{font-size:1.5rem;line-height:1.6;text-align:center}.service-box li{font-size:1.4rem}.portfolio-filter{font-size:1.2rem;padding:.8rem 1.4rem}.footer-section h3{font-size:1.6rem}.footer-section p,.footer-section ul li a{font-size:1.2rem}.social-links a{font-size:1.6rem;height:3rem;width:3rem}.img-wrapper{height:22rem;margin-bottom:1.5rem;width:22rem}.circular-progress-container{gap:1.5rem;max-width:30rem}.progress-circle{height:11rem;width:11rem}.progress-circle:before{height:9rem;width:9rem}.progress-value{font-size:1.8rem}.skill-name{font-size:1.4rem}}.fade-in{opacity:0;transform:translateY(3rem);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translateX(-3rem);transition:all .6s ease}.slide-in-left.visible{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(3rem);transition:all .6s ease}.slide-in-right.visible{opacity:1;transform:translateX(0)}.scale-in{opacity:0;transform:scale(.8);transition:all .6s ease}.scale-in.visible{opacity:1;transform:scale(1)}.loading{align-items:center;background:#fff;background:var(--bg-color);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:9999}.loading.hidden{opacity:0;pointer-events:none}.loader{animation:spin 1s linear infinite;border:.3rem solid #00eeff4d;border-radius:50%;border-top-color:#1e3a8a;border-top:.3rem solid var(--main-color);height:5rem;width:5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes textReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #1e3a8a;box-shadow:0 0 5px var(--main-color)}50%{box-shadow:0 0 20px #1e3a8a,0 0 30px #1e3a8a;box-shadow:0 0 20px var(--main-color),0 0 30px var(--main-color)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}@media (max-width:360px){html{font-size:50%}.home-content h1{font-size:2.8rem;margin-top:2rem;padding:4rem .5rem 0}.hello-text{color:#1e3a8a!important;color:var(--text-color)!important;display:inline-block;font-weight:600;margin-right:.5rem}.home-content h3{font-size:1.8rem}.home-content p{font-size:1.2rem;padding:0 .5rem}.tech-item{font-size:1rem;padding:.5rem 1rem}.about-content p{font-size:1.2rem;padding:0 .5rem}.service-box p{font-size:1.4rem}.service-box h3{font-size:1.8rem}.service-box li{font-size:1.3rem}.skill-tag{font-size:1.2rem;padding:.7rem 1.1rem}.img-wrapper{height:20rem;margin-bottom:1.5rem;width:20rem}.circular-progress-container{gap:1.2rem;max-width:28rem}.progress-circle{height:10rem;width:10rem}.progress-circle:before{height:8rem;width:8rem}.progress-value{font-size:1.6rem}.skill-name{font-size:1.2rem}.heading{font-size:2.5rem}.section{padding:4rem 2% 2rem}.container{max-width:100%;padding:0 2%}}.about-content p,.home-content h1,.home-content h3,.home-content p,.service-box p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}@media (max-width:768px){.about-content,.home-content,.service-box{text-align:center}.home-content h1,.home-content h3,.home-content p{margin-left:auto;margin-right:auto;text-align:center}.about-content h2,.about-content h3,.about-content p,.service-box h3,.service-box p{text-align:center}.filter-btn{font-size:1.6rem;padding:1.2rem 2.2rem}}@media (max-width:450px){.filter-btn{font-size:1.4rem;padding:1rem 1.8rem}}.theme-toggle{align-items:center;background:#1e3a8a;background:var(--main-color);border:.2rem solid #1e3a8a;border:.2rem solid var(--main-color);border-radius:50%;box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-shrink:0;height:4rem;justify-content:center;position:relative;transition:all .3s ease;width:4rem}.theme-toggle:hover{box-shadow:0 1rem 2rem #1e3a8a26;box-shadow:var(--shadow-hover);transform:scale(1.1)}.theme-toggle-icon{color:#fff;color:var(--bg-color);font-size:2rem;transition:all .3s ease}.theme-toggle:hover .theme-toggle-icon{transform:rotate(180deg)}.dark .theme-toggle{background:#1e3a8a;background:var(--main-color);border-color:#1e3a8a;border-color:var(--main-color)}.dark .theme-toggle-icon{color:#fff;color:var(--bg-color)}:root:not(.dark) .theme-toggle{background:#1e3a8a;background:var(--main-color);border-color:#1e3a8a;border-color:var(--main-color)}:root:not(.dark) .theme-toggle-icon{color:#fff;color:var(--bg-color)}@media (max-width:768px){.theme-toggle{height:3.5rem;width:3.5rem}.theme-toggle-icon{font-size:1.4rem}}@media (max-width:450px){.theme-toggle{height:3rem;width:3rem}.theme-toggle-icon{font-size:1.2rem}}.technical-skills{background:#f1f3f4;background:var(--second-bg-color);opacity:0;overflow:hidden;padding:10rem 0 5rem;transform:translateY(50px);transition:all .8s ease}.technical-skills.animate{opacity:1;transform:translateY(0)}.skills-scroll-container{margin-top:5rem;overflow:hidden;position:relative}.skills-scroll-wrapper{animation:scroll 30s linear infinite;display:flex;gap:2rem;padding:0 2rem}.skill-card{background:#fff;background:var(--card-bg);border:.1rem solid #d1d5db;border:.1rem solid var(--border-color);border-radius:1rem;flex-shrink:0;min-width:12rem;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.skill-card:before{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.skill-card:hover:before{opacity:.1}.skill-card:hover{border-color:#1e3a8a;border-color:var(--main-color);box-shadow:0 .5rem 1.5rem #1e3a8a1a;box-shadow:var(--shadow);transform:translateY(-.5rem)}.skill-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:.1rem solid #fff3;border-radius:50%;display:flex;font-size:3rem;height:6rem;justify-content:center;margin:0 auto 1rem;transition:all .3s ease;width:6rem}.skill-card:hover .skill-icon{transform:scale(1.1)}.skill-name{color:#1e3a8a;color:var(--text-color);display:block;font-size:1.4rem;font-weight:500}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.skills-scroll-container:hover .skills-scroll-wrapper{animation-play-state:paused}@media (max-width:768px){.technical-skills{padding:8rem 0 4rem}.skills-scroll-wrapper{gap:1.5rem;padding:0 1rem}.skill-card{min-width:10rem;padding:1.5rem 1rem}.skill-icon{font-size:2.5rem;height:5rem;margin-bottom:.8rem;width:5rem}.skill-name{font-size:1.2rem}}@media (max-width:450px){.skill-card{min-width:8rem;padding:1.2rem .8rem}.skill-icon{font-size:2rem;height:4rem;margin-bottom:.6rem;width:4rem}.skill-name{font-size:1rem}}
/*# sourceMappingURL=main.862b071f.css.map*/