.section-container{width:1300px}.title,.para{font-kerning:normal;-webkit-text-rendering:optimizeLegibility;text-rendering:optimizelegibility;word-spacing:.15em;transform:translateZ(0)}@media only screen and (max-width:1600px){.section-container{width:1200px;max-width:calc(100% - 160px)}}@media only screen and (max-width:1400px){.section-container{width:900px}}@media only screen and (max-width:900px){.section-container{width:500px;max-width:var(--cWidth)}}.loading-screen{width:100%;max-width:100vw;height:var(--vh);background-color:var(--backgroundColor);z-index:999999999;box-sizing:border-box;opacity:1;background-image:radial-gradient(circle,#00f0ff17 0%,#00f0ff05 40%,#0000 70%);flex-direction:column;justify-content:center;place-items:center;transition:opacity .55s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translateY(0)}.loading-screen.loading-clicked{opacity:0;pointer-events:none;transform:translateY(-50px)}.loading-header{width:var(--cWidth);max-width:var(--cMaxWidth);z-index:1000000000;box-sizing:border-box;color:#e6edf3;pointer-events:none;opacity:1;justify-content:space-between;align-items:center;padding:20px 0;transition:opacity .4s ease-out,transform .4s ease-out;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.loading-header.loading-clicked{opacity:0;pointer-events:none;transform:translate(-50%,-20px)}.loader-title{letter-spacing:.4px;color:#e6edf3;pointer-events:auto;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:color .2s}.loader-logo{width:auto;height:24px;display:block}.loader-title:hover{color:var(--accentColor)}.loader-status{font-family:var(--monoFont);letter-spacing:1px;color:var(--accentColor);opacity:.85;align-items:center;gap:6px;font-size:12px;display:flex}.loader-status-dot{background-color:var(--accentColor);width:6px;height:6px;box-shadow:0 0 6px var(--accentColor);border-radius:50%;animation:1.6s ease-in-out infinite statusBlink}@keyframes statusBlink{0%,to{opacity:.35}50%{opacity:1}}.loading-marquee{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;white-space:nowrap;width:100%;max-width:100%;transition:filter .3s ease-out;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.loading-marquee.loading-marquee--fast{filter:brightness(1.18)}.loading-marquee .rfm-marquee-container{width:100%!important;max-width:100%!important;overflow:hidden!important}.loading-marquee-cycle{white-space:nowrap;align-items:center;display:inline-flex}.loading-marquee-word{letter-spacing:.03em;text-transform:uppercase;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffff1f;-webkit-user-select:none;user-select:none;font-family:Space Grotesk,sans-serif;font-size:max(64px,min(12vw,180px));font-weight:700;line-height:1;display:inline-block}.loading-marquee-word--filled{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00f0ffd9 0%,#00b4d852 100%);-webkit-text-stroke:1px #00f0ff59;filter:drop-shadow(0 0 24px #00f0ff47);-webkit-background-clip:text;background-clip:text}.loading-marquee-sep{color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffff1f;-webkit-user-select:none;user-select:none;margin:0 max(16px,min(2.5vw,40px));font-family:Space Grotesk,sans-serif;font-size:max(64px,min(12vw,180px));font-weight:700;line-height:1;display:inline-block}.loading-wrap{z-index:5;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);background:#0a0d10b3;border:1px solid #00f0ff26;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:min(390px,100vw - 32px);max-width:100%;padding:34px 28px;transition:opacity .45s ease-out,transform .45s ease-out;display:flex;position:relative;box-shadow:0 12px 40px #000000bf,0 0 24px #00f0ff0a,inset 0 0 20px #00f0ff05}.loading-wrap:before{content:"";top:var(--mouse-y,50%);left:var(--mouse-x,50%);pointer-events:none;opacity:0;z-index:0;background:radial-gradient(circle,#00f0ff24 0%,#0000 70%);border-radius:50%;width:160px;height:160px;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.loading-wrap:hover:before{opacity:1}.loading-wrap>*{z-index:1;position:relative}.loading-wrap.loading-clicked{opacity:0;pointer-events:none;transform:translateY(-20px)scale(.98)}.loading-logo-wrap{justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative}.loading-logo{filter:drop-shadow(0 0 14px #00f0ff59);width:64px;height:64px;animation:2.4s ease-in-out infinite logoPulse;display:block}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 10px #00f0ff40);opacity:.92;transform:scale(1)}50%{filter:drop-shadow(0 0 22px #00f0ff99);opacity:1;transform:scale(1.05)}}.loading-status{font-family:var(--monoFont);color:#e6edf3;letter-spacing:.5px;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;margin-bottom:16px;font-size:max(12px,min(3vw,13.5px));line-height:1.4}.loading-prompt{color:var(--accentColor);margin-right:2px;font-weight:600}.loading-pct{font-family:var(--monoFont);color:var(--accentColor);font-variant-numeric:tabular-nums;letter-spacing:.5px;text-shadow:0 0 12px #00f0ff8c;vertical-align:baseline;font-size:max(17px,min(4.2vw,21px));font-weight:700;display:inline-block}.loading-cursor{color:var(--accent2Color);margin-left:2px;font-weight:700;animation:.9s infinite cursorBlink}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.loading-progress-bar{background-color:#ffffff14;border-radius:999px;width:min(280px,100%);height:3px;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #0009}.loading-progress-fill{background-color:var(--accentColor);border-radius:999px;height:100%;transition:width .15s ease-out;position:relative;box-shadow:0 0 8px #00f0ff80}.loading-progress-dot{background-color:var(--accent2Color);width:7px;height:7px;box-shadow:0 0 8px var(--accent2Color), 0 0 14px #ffb30099;pointer-events:none;border-radius:50%;transition:opacity .2s;position:absolute;top:50%;right:-3.5px;transform:translateY(-50%)}.loading-wrap.loading-complete .loading-progress-fill{box-shadow:0 0 14px #00f0ffcc, 0 0 4px var(--accentColor)}@media only screen and (max-width:480px){.loader-status{display:none}.loading-wrap{padding:28px 18px}}@media only screen and (min-width:500px){.loading-header{padding:20px 0}.loader-title{font-size:16px}}@media only screen and (min-width:1200px){.loading-header{padding:35px 0}.loader-title{font-size:18px}.loading-wrap{width:410px;padding:36px 30px}.loading-progress-bar{width:300px}}@media (prefers-reduced-motion:reduce){.loading-marquee,.loading-marquee *,.loading-marquee .rfm-marquee,.loading-marquee .rfm-initial-child-container{animation:none!important;transform:none!important}.loading-logo,.loader-status-dot,.loading-cursor{animation:none!important}.loading-screen,.loading-header,.loading-wrap{transition:opacity .25s ease-out!important;transform:none!important}}@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter-300-800-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter-300-800-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter-300-800-greek-ext.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter-300-800-greek.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter-300-800-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter-300-800-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter-300-800-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-400-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-400-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-400-greek.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-400-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-300-700-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-300-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-300-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-optical-sizing:auto;scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#e6edf3;background-color:var(--backgroundColor);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accentColor:#00f0ff;--accent2Color:#ffb300;--monoFont:"JetBrains Mono", monospace;--backgroundColor:#0a0d10;--vh:100svh;font-family:Inter,sans-serif;font-style:normal;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}body{overflow:hidden}@media only screen and (max-width:768px){body{touch-action:manipulation;height:auto!important;min-height:100vh!important;overflow:auto!important}html{touch-action:manipulation;overflow:hidden auto!important}.container-main{height:auto!important;position:static!important}}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}a:hover{color:var(--accentColor)}main{opacity:1;transition:all .3s}.main-active{opacity:0;animation:1s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}body{--cWidth:calc(100% - 30px);--cMaxWidth:1920px;-webkit-overflow-scrolling:touch;background-color:#000;flex-grow:1;max-width:100vw;height:auto;margin:0;overflow-x:hidden}.main-body{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:hidden}.container-main{width:100%;margin:auto;position:relative}.container1{width:var(--cWidth);height:var(--vh);margin:auto;position:relative}.split-line{overflow:hidden}.split-h2{white-space:nowrap;flex-wrap:nowrap;display:flex;overflow:hidden}.techstack{width:100%;height:var(--vh);background:linear-gradient(#0a0d10f2 0%,#0a0d10fa 100%);background-color:var(--backgroundColor);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0 auto;padding-top:150px;padding-bottom:150px;display:flex;position:relative;overflow:hidden}.techstack:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#00f0ff1a 0%,#0000 50%),radial-gradient(circle at 80%,#00f0ff14 0%,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.techstack>*{z-index:1;position:relative}.techstack h2{text-align:center;text-transform:uppercase;z-index:3;width:100%;margin:0;font-size:80px;font-weight:400;position:absolute;top:150px;left:0}@media screen and (min-width:768px){body{--cWidth:94%}}@media screen and (max-width:900px){.techstack h2{font-size:40px}}.what-tags,.navbar-connect,.career-info .career-year,.resume-button{font-family:var(--monoFont)}@media screen and (max-width:600px){.header ul,.resume-button{display:none}.about-me .para,.about-me p{font-size:17px!important;font-weight:400!important;line-height:1.55!important}.career-info-box{flex-direction:column;gap:10px}.career-info-in{justify-content:space-between;width:100%!important}.career-info .career-year{white-space:nowrap;font-size:15px!important;line-height:20px!important}.career-info-box .career-desc{width:100%!important}}html,body{overflow-x:clip}.cta-section{box-sizing:border-box;max-width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(a,button,[role=button],input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--accentColor);outline-offset:3px;border-radius:4px}
