:root{--bg-primary-color: #122f5a;--primary-text-color: #d4f1f4;--secondary-text-color: #00ffb3;--heading-sec-color: #e2e8f0;--card-background-color: #143565;--img-fill-color: #f3f3f3;--text-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--heading-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono-font-family: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--muted-text-color: #a8b8c8;--f-xxs: 12px;--f-xs: 13px;--f-sm: 14px;--f-md: 16px;--f-lg: 18px;--f-xl: 21px;--f-xxl: 24px;--f-heading: 36px}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter/inter-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter/inter-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter/inter-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter/inter-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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;font-display:swap;src:url(/assets/fonts/jetbrains-mono/jetbrains-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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:500;font-display:swap;src:url(/assets/fonts/jetbrains-mono/jetbrains-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){:focus-visible{outline:2px solid CanvasText;outline-offset:2px}.btn-outline{border:2px solid ButtonText}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:1rem;z-index:200;padding:.75rem 1rem;background:var(--bg-primary-color);color:var(--secondary-text-color);border:2px solid var(--secondary-text-color);border-radius:4px;text-decoration:none;font-family:var(--text-font-family)}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--secondary-text-color);outline-offset:3px}body{margin:0;width:100%;min-height:100%;overflow-x:hidden;font-family:var(--text-font-family);font-size:var(--f-md);font-weight:400;line-height:1.6;color:var(--primary-text-color);background-color:var(--bg-primary-color);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04","cv11"}@media(max-width:480px){body{font-size:var(--f-md)}}::selection{background:var(--secondary-text-color);color:var(--bg-primary-color)}section[id]{scroll-margin-top:80px}ng-icon.icon{display:inline-flex;width:1.25em;height:1.25em;vertical-align:middle}.social-links ng-icon.icon{width:20px;height:20px}p{font-family:var(--text-font-family);color:var(--muted-text-color);font-size:var(--f-md);line-height:1.65}section{margin:0 auto;padding:100px 0;max-width:1000px}@media(max-width:768px){section{padding:80px 0}}@media(max-width:480px){section{padding:60px 0}}app-home{display:block}section.main-section{display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100dvh - 80px);margin:0;padding:6rem 0 2.5rem;box-sizing:border-box}@media(prefers-reduced-motion:no-preference){section.main-section{animation:hero-slide-in 1s ease-out backwards}}@media(prefers-reduced-motion:no-preference){.nav__list li{animation:nav-drop-in 1s ease-out backwards}}@keyframes hero-slide-in{0%{transform:translateY(100px)}to{transform:translateY(0)}}@keyframes nav-drop-in{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@media all and (min-width:1370px){section:not(.main-section):not(.contact){padding:250px 0}}@media(max-width:768px)and (prefers-reduced-motion:no-preference){html{scroll-snap-type:y proximity}}@media(max-width:768px){section.main-section,section#about,section#projects{min-height:100svh;scroll-snap-align:start;scroll-snap-stop:normal;box-sizing:border-box}section#experience{min-height:auto;scroll-snap-align:none;box-sizing:border-box}section.main-section{justify-content:flex-start;padding:clamp(8rem,32vh,11rem) 0 0}}h1,h2,h3,h4,h5,h6{margin:0 0 10px;font-family:var(--heading-font-family);font-weight:600;letter-spacing:-.02em;color:var(--primary-text-color);line-height:1.15}.big-heading{margin:0;font-size:clamp(40px,8vw,80px)}.btn-outline{display:inline-block;padding:.9rem 1.85rem;font-family:var(--mono-font-family);font-size:var(--f-sm);font-weight:400;line-height:1;color:var(--secondary-text-color);background:transparent;border:1px solid var(--secondary-text-color);border-radius:0;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.btn-outline:hover{background-color:#00ffb31a}@keyframes content-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.user-desc--loaded,.experience--loaded,.projects-grid--loaded,.sec__desc--loaded,section.main-section,.nav__list li{animation:none}}
