@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.sticky-sidebar{-webkit-backdrop-filter:blur(15.0014px);backdrop-filter:blur(15.0014px);background:linear-gradient(#00a3ff0f 100%,#00a3ff80 0);border:.75px solid #fcfcfc0d;height:96vh;left:18px;position:fixed;top:18px;width:353px;z-index:9}.sticky-sidebar:hover{z-index:99}.sticky-sidebar-inner{flex-direction:column;height:100%;padding:34px 28px 24px;width:100%}.sidebar-logo,.sticky-sidebar-inner{display:flex;justify-content:space-between}.sidebar-logo{align-items:center;margin-bottom:20px}.sidebar-logo .logo-text{color:silver;display:block;font-size:18px;font-weight:500;letter-spacing:1.5px}.sidebar-me{margin-bottom:60px}.sidebar-me-inner{align-items:center;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:linear-gradient(-90deg,#00aaff0a,#00aaff05);border:.75px solid #fbfbfb0d;box-shadow:0 1px 2px 0 #00000040;display:flex;flex:1 0;flex-direction:row;flex-wrap:nowrap;gap:20px;padding:27px 0 27px 27px}.sidebar-me-inner .img-box{border:.5px solid #fcfcfc0d;border-radius:4px;display:flex;flex:none;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.sidebar-me-inner .img-box img{display:block;height:100%;margin-top:auto;object-fit:cover;width:100%}.sidebar-me-inner .content h3{color:#f9f9f9;font-size:18px;line-height:1;margin:0 0 8px}.sidebar-me-inner .content p{color:#8e8e8e;font-size:13px;font-weight:300;line-height:1.2;margin:0 0 4px}.menu-lists ul{list-style:none;margin:0;padding:0}.menu-lists ul li a{align-items:center;border:1px solid #0000;color:#f9f9f980;display:flex;font-size:15px;font-weight:400;gap:15px;padding:15px 0 15px 18px;transition:.5s}.menu-lists ul li.active-menu a{background:linear-gradient(-90deg,#00aaff14,#00aaff05);border:1px solid #fbfbfb0d;border-right:3px solid var(--accent-cyan);color:#fff}.menu-lists ul li a:hover{color:#fff}.sidebar-bottom{display:flex;gap:18px;justify-content:space-between}.social-link-wrap{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:linear-gradient(-90deg,#00aaff0a,#00aaff05);border:.75px solid #fbfbfb0d;width:100%}.social-link-wrap .social-links{align-items:center;display:flex;gap:30px;justify-content:center;padding:12px 0}.social-link-wrap .social-links li a{color:#f9f9f9b3;display:block;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-link-wrap .social-links li a:hover{color:var(--accent-cyan);transform:scale(1.15) translateY(-2px)}.copyright-text{align-items:center;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(70deg,#00aaff0a,#00aaff05);border:.75px solid #fbfbfb1a;color:#f9f9f999;display:flex;flex:none;font-size:13px;line-height:1.5;margin:0;padding:12px 17px}.mobile-menu-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00aaff1a;border:1px solid #00aaff4d;border-radius:8px;color:#fff;cursor:pointer;display:none;padding:8px;position:fixed;right:15px;top:15px;z-index:1000}@media (max-width:991px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.sticky-sidebar{height:100vh;left:-320px;margin-bottom:0;position:fixed;top:0;transition:left .3s ease-in-out;width:300px;z-index:999}.sticky-sidebar.open{left:0}.sticky-sidebar-inner{height:100%;overflow-y:auto;padding:20px}.sidebar-me{margin-bottom:30px}.sidebar-me-inner{gap:15px;padding:15px}.sidebar-me-inner .img-box{height:60px;width:60px}.menu-lists ul{display:flex;flex-direction:column;gap:0;overflow-x:hidden;padding-bottom:0;white-space:normal}.menu-lists ul li a{background:#0000;border-bottom:1px solid #ffffff0d;border-radius:0;border-right:none;padding:12px 15px}.menu-lists ul li.active-menu a{background:#00aaff1a;border-bottom:1px solid #ffffff0d;border-left:3px solid var(--accent-cyan);border-right:none}}.hero-area{background:linear-gradient(180deg,#00a3ff0d,#00a3ff05);border:.75px solid #fcfcfc0d;display:flex;flex:none;flex-direction:column;height:auto;min-height:100vh;padding:30px 40px!important;position:relative;width:100%;z-index:2}.hero-area .custom-container{display:flex;flex:1 1;flex-direction:column;width:100%}.hero-action-bar{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.resume-card,.status-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(-90deg,#00aaff0a,#00aaff05);border:.75px solid #fbfbfb0d;border-radius:50px;color:var(--text-primary);display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.resume-card{color:var(--text-primary);cursor:pointer;text-decoration:none}.resume-card:hover{background:linear-gradient(-90deg,#00aaff14,#00aaff0a);border-color:#00aaff4d;color:var(--accent-cyan);transform:translateY(-2px)}.online-dot{background:#00e676;border-radius:50%;box-shadow:0 0 10px #00e67680;height:8px;width:8px}.pulsing{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 #00e676b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #00e67600;transform:scale(1)}to{box-shadow:0 0 0 0 #00e67600;transform:scale(.95)}}.hero-main-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-bottom:10px}.hero-subtitle{color:#ffffff80;font-size:14px;font-weight:500;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.hero-main-content h1{color:#f9f9f9;font-family:var(--font-primary);font-size:56px;font-weight:700;letter-spacing:-2px;line-height:1.1;margin:0 0 20px}.hero-main-content h1 .highlight{color:var(--accent-cyan)}.hero-description{color:var(--text-secondary);font-size:16px;font-weight:300;line-height:1.6;margin-bottom:30px;max-width:600px}.hero-cta{display:flex;gap:20px;margin-bottom:40px}.quick-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);width:100%}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(-90deg,#00aaff0a,#00aaff05);border:.75px solid #fbfbfb0d;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:16px 20px;transition:all .3s ease}.stat-card:hover{border-color:#00aaff4d;transform:translateY(-4px)}.stat-icon{align-items:center;background:#00aaff1a;border-radius:10px;color:var(--accent-cyan);display:flex;height:40px;justify-content:center;width:40px}.stat-info h3{color:#fff;font-size:22px;font-weight:600;line-height:1;margin:0 0 2px}.stat-info p{color:#ffffff80;font-size:13px;line-height:1.4;margin:0}@media (max-width:1200px){.quick-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-action-bar{align-items:flex-start;flex-direction:column}.hero-main-content h1{font-size:28px;letter-spacing:-1px}.hero-description{font-size:16px}.hero-cta{flex-direction:column}.btn-primary,.btn-secondary,.hero-cta{width:100%}.quick-stats-grid{grid-template-columns:1fr}}.about-section{background:linear-gradient(180deg,#00a3ff0d,#00a3ff05);border:.75px solid #fcfcfc0d}.section-title{color:var(--text-primary);font-size:24px;font-weight:500;margin-bottom:40px}.about-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr}.about-text p{color:var(--text-secondary);font-size:16px;line-height:1.8;margin-bottom:20px}.about-details ul{list-style:none}.about-details li{display:flex;flex-direction:column;margin-bottom:25px}.about-details .label{color:var(--text-secondary);font-size:12px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.about-details .value{color:var(--text-primary);font-size:16px;font-weight:500}@media (max-width:991px){.about-section{padding:60px 40px}}@media (max-width:768px){.about-section{padding:60px 20px}.about-content{gap:40px;grid-template-columns:1fr}}.experience-section{background:linear-gradient(180deg,#00a3ff0d,#00a3ff05);border:.75px solid #fcfcfc0d}.edc-and-exp-inner{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.timeline-header{color:var(--text-primary);font-size:24px;font-weight:500;margin-bottom:40px}.edc-and-exp-lists{padding-left:26px;position:relative}.edc-and-exp-lists:before{background-image:linear-gradient(var(--text-secondary) 33%,#fff0 0);background-position:100%;background-repeat:repeat-y;background-size:1px 10px;bottom:0;content:"";left:0;opacity:.3;position:absolute;top:5px;width:1px}.edc-and-exp-box{align-items:center;display:flex;margin-bottom:60px;position:relative}.edc-and-exp-box:last-child{margin-bottom:0}.edc-and-exp-box:before{background-color:var(--text-secondary);content:"";height:8px;left:-29px;position:absolute;top:5px;transition:all .3s ease;width:8px}.edc-and-exp-box:hover:before{background-color:var(--accent-cyan)}.meta-content{display:flex;flex-direction:column}.meta-content .date{color:var(--text-secondary);font-size:12px;margin-bottom:8px;transition:color .3s ease}.edc-and-exp-box:hover .meta-content .date{color:var(--accent-cyan)}.meta-content .title{color:var(--text-primary);font-size:18px;font-weight:500;margin-bottom:5px}.meta-content .subtitle{color:#f9f9f999;font-size:14px;font-weight:300}@media (max-width:991px){.experience-section{padding:60px 40px}}@media (max-width:768px){.experience-section{padding:60px 20px}.edc-and-exp-inner{gap:60px;grid-template-columns:1fr}}.skills-section{background:linear-gradient(180deg,#00a3ff0d,#00a3ff05);border:.75px solid #fcfcfc0d}.skills-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(2,1fr)}.sub-title{color:var(--text-primary);font-size:24px;font-weight:500;margin-bottom:40px}.services-list{display:flex;flex-direction:column;gap:20px}.service-box{background:linear-gradient(-90deg,#00aaff0a,#00aaff05);border:.75px solid #fcfcfc0d;padding:25px 30px;transition:all .3s ease}.service-box:hover{border-color:#00aaff4d}.service-box h4{color:var(--text-primary);font-size:18px;font-weight:500;margin-bottom:10px}.service-box p{color:var(--text-secondary);font-size:14px;line-height:1.6}.stack-groups{display:flex;flex-direction:column;gap:30px}.stack-category-title{color:var(--text-primary);font-size:16px;font-weight:500;letter-spacing:.5px;margin-bottom:15px}.stack-list{display:flex;flex-wrap:wrap;gap:15px}.stack-tag{background:#0000;border:1px solid var(--border-light);border-radius:50px;color:var(--text-secondary);font-size:14px;padding:10px 20px;transition:all .3s ease}.stack-tag:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}@media (max-width:768px){.skills-grid{gap:40px;grid-template-columns:1fr}}.projects-section{background:linear-gradient(180deg,#00a3ff0d,#00a3ff05);border:.75px solid #fcfcfc0d}.project-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-slider-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#0e1421a6,#070b14cc);border:1px solid #ffffff14;border-radius:16px;display:flex;flex-direction:column;padding:14px 14px 20px;position:relative;transition:all .35s cubic-bezier(.2,.8,.2,1)}.project-slider-box:hover{border-color:#00aaff73;box-shadow:0 16px 36px -10px #00aaff2e,0 0 0 1px #0af3;transform:translateY(-5px)}.project-mockup{background:#080d1a;border:1px solid #ffffff17;border-radius:12px;box-shadow:0 8px 24px -4px #0009;display:flex;flex-direction:column;margin-bottom:18px;overflow:hidden;transition:border-color .3s ease}.project-slider-box:hover .project-mockup{border-color:#00aaff4d}.mockup-header{background:hsla(0,0%,100%,.035);border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:9px 12px}.mockup-dots,.mockup-header{align-items:center;display:flex}.mockup-dots{gap:6px}.mockup-dot{border-radius:50%;height:9px;opacity:.75;transition:opacity .2s ease,transform .2s ease;width:9px}.project-slider-box:hover .mockup-dot{opacity:1}.mockup-dot.red{background:#ff5f56}.mockup-dot.yellow{background:#ffbd2e}.mockup-dot.green{background:#27c93f}.mockup-url{align-items:center;background:#ffffff0a;border:.5px solid #ffffff0f;border-radius:20px;color:var(--text-secondary);display:inline-flex;font-family:inherit;font-size:11px;gap:5px;letter-spacing:.2px;max-width:60%;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.mockup-globe-icon{color:var(--accent-cyan);flex-shrink:0;opacity:.85}.badge-year{background:#00aaff1a;border:1px solid #00aaff38;border-radius:8px;color:var(--accent-cyan);font-size:11px;font-weight:500;letter-spacing:.3px;padding:2px 8px}.project-img{align-items:flex-start;aspect-ratio:16/9;background:#080d1a;display:flex;justify-content:flex-start;overflow:hidden;position:relative;width:100%}.project-img img{display:block;height:100%;object-fit:cover;object-position:top left;transition:transform .5s cubic-bezier(.2,.8,.2,1);width:100%}.project-slider-box:hover .project-img img{transform:scale(1.03)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:2px 4px 0}.project-header-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.project-content h3{color:var(--text-primary);font-size:17px;font-weight:600;line-height:1.3;margin-bottom:3px;transition:color .3s ease}.project-slider-box:hover .project-content h3{color:var(--accent-cyan)}.project-subtitle{color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1.4}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.project-tag{background:#00aaff0f;border:1px solid #00aaff29;border-radius:6px;color:#70d8ff;font-size:11px;font-weight:400;letter-spacing:.15px;padding:3px 8px}.theme-icon-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;color:var(--text-primary);display:flex;height:34px;justify-content:center;margin-top:2px;min-width:34px;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);width:34px}.project-slider-box:hover .theme-icon-btn{background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 4px 12px #00aaff59;color:#040404;transform:translate(2px,-2px)}@media (max-width:991px){.project-grid{gap:24px;grid-template-columns:1fr}.projects-section .container{padding:60px 30px!important}}@media (max-width:768px){.projects-section .container{padding:50px 16px!important}}.certifications-section{background:linear-gradient(180deg,#00a3ff0d,#00a3ff05);border:.75px solid #fcfcfc0d}.certs-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.cert-box{background:linear-gradient(-90deg,#00aaff0a,#00aaff05);border:.75px solid #fcfcfc0d;padding:25px 30px;transition:all .3s ease}.cert-box:hover{border-color:#00aaff4d}.cert-title{color:var(--text-primary);font-size:16px;font-weight:500;margin-bottom:8px}.cert-desc{color:var(--text-secondary);font-size:13px}@media (max-width:991px){.certifications-section .container{padding:60px 40px!important}}@media (max-width:768px){.certifications-section .container{padding:60px 20px!important}.certs-grid{grid-template-columns:1fr}}.contact-section{background:linear-gradient(180deg,#00a3ff0d,#00a3ff05);border:.75px solid #fcfcfc0d}.contact-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 2fr}.info-box{background:linear-gradient(-90deg,#00aaff0a,#00aaff05);border:.75px solid #fcfcfc0d;margin-bottom:20px;padding:25px 30px;transition:all .3s ease}.info-box:hover{border-color:#00aaff4d}.info-box h4{color:var(--text-secondary);font-size:14px;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.info-box a,.info-box p{color:var(--text-primary);display:block;font-size:15px;margin-bottom:5px;text-decoration:none}.info-box a:hover{color:var(--accent-cyan)}.social-links-block{display:flex;gap:15px}.social-links-block a{color:var(--text-primary)}.contact-form-block{background:linear-gradient(-90deg,#00aaff0a,#00aaff05);border:.75px solid #fcfcfc0d;padding:40px}.stag-form .form-group{margin-bottom:25px}.stag-form label{color:var(--text-secondary);display:block;font-size:12px;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.stag-form input,.stag-form textarea{background:#0000;border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-primary);font-size:15px;padding:10px 0;transition:border-color .3s ease;width:100%}.stag-form input:focus,.stag-form textarea:focus{border-bottom-color:var(--accent-cyan);outline:none}.submit-btn{margin-top:20px}@media (max-width:991px){.contact-section{padding:60px 40px 100px}}@media (max-width:768px){.contact-section{padding:60px 20px 100px}.contact-grid{gap:40px;grid-template-columns:1fr}.contact-form-block{padding:30px 20px}}.particle-canvas{filter:blur(1.5px);height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}:root{--dark:#040404;--primary:#0af;--bodyColor:#8e8e8e;--text-primary:#f9f9f9;--text-secondary:#8e8e8e;--border-light:#fcfcfc0d;--accent-cyan:#0af;--font-primary:"DM Sans",sans-serif;--font-heading:"Syne",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:#040404;background:var(--dark);color:#8e8e8e;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;line-height:1.2em;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:y mandatory;width:100%}a{text-decoration:none}img{max-width:100%}ol,ul{list-style:none;margin:0;padding:0}.App{min-height:100vh;position:relative}main{padding:18px 18px 18px 0}.page-content-wrapper{display:flex;flex-direction:column;margin-left:auto;width:calc(100% - 389px);z-index:10}.page-content-wrapper>section{display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:60px 40px 40px;scroll-snap-align:start;scroll-snap-stop:always}.custom-row{display:flex}.custom-container{padding:25px;width:100%}.common-box{background:radial-gradient(51% 51% at 49% 48%,#fdfdfd0d 0,#fdfdfd00 100%);border:.75px solid #fcfcfc0d}.subtitle{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(0deg,#00aaff0d,#b666c30d);border:.75px solid #fcfcfc1a;margin:0;padding:12px 20px}.subtitle,.theme-btn{color:#f9f9f9;display:inline-flex;flex-direction:column;font-size:13px;font-weight:400;letter-spacing:.23px;overflow:hidden;position:relative;transition:.5s}.theme-btn{background:linear-gradient(270deg,#00aaff0d,#00aaff0a);border:.75px solid #fcfcfc0d;padding:12px 19px}.theme-btn:hover{color:#0af;color:var(--primary)}@media (max-width:991px){.page-content-wrapper{margin-left:0;width:100%}main{padding:18px}}
/*# sourceMappingURL=main.9cf66d82.css.map*/