.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blur-animation{0%{letter-spacing:8px;filter:blur(5px);opacity:0}to{letter-spacing:0;filter:blur(0);opacity:1px}}:root{--white: #ffffff;--midnight-blue: #141c27;--midnight-black: #02050a;--nightfall-navy: #09101a;--primary: oklch(52% .22 265);--background: #f2f3f5;--card-text: var(--midnight-black);--card-sub-text: #545454;--button-color-hover: var(--midnight-black);--menu-toggle-btn: var(--midnight-black);--nav-menu-icon: brightness(0) saturate(100%) invert(1%) sepia(1%) saturate(4%) hue-rotate(261deg) brightness(99%) contrast(98%);--primary-icon-filter: brightness(0) saturate(100%) invert(37%) sepia(93%) saturate(1352%) hue-rotate(204deg) brightness(98%) contrast(101%);--card-background: rgba(255, 255, 255, .35);--card-backdrop-filter: blur(8px);--one: #02050a;--one-background: #f2f3f5;--glass-effect: rgba(255, 255, 255, .5) !important;--overlay-background: rgba(0, 0, 0, .7)}.dark-mode{--background: var(--midnight-black);--button-color-hover: var(--white);--menu-toggle-btn: var(--midnight-blue);--nav-menu-icon: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(181deg) brightness(103%) contrast(103%);--card-background: rgba(255, 255, 255, .15);--card-text: var(--white);--card-sub-text: #a2a2a2;--card-backdrop-filter: blur(5px);--one: var(--primary);--one-background: #141c27;--glass-effect: rgba(255, 255, 255, .15) !important}.card-section{display:flex;align-items:center;justify-content:center;position:relative;gap:var(--spacing-gap-2xl)}.card-section__main{border-radius:var(--radius-3xl);background-color:var(--card-background)!important;-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);max-width:var(--size-container-3xl);width:100%;transition:background-color 1.5s,color 1.5s ease-out}@media (max-width: 550px){.card-section__main{width:100vw!important}}@media (max-width: 1600px){.card-section{gap:var(--spacing-gap-lg)}.card-section .card-section__main{border-radius:var(--radius-3xl)}}@media (max-width: 1280px){.card-section{flex-direction:column;margin:var(--spacing-6) 0}.card-section .card-section__main{border-radius:var(--radius-3xl)}}@media (max-width: 550px){.card-section{margin:0!important}.card-section.card-section--about-page{margin-top:var(--spacing-28)!important}}@media (max-width: 550px){.card-section:not(.card-section--about-page) .card-section__main{border-radius:0}}:root{--size-0: 0;--size-1: .25rem;--size-2: .5rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 1.75rem;--size-8: 2rem;--size-10: 2.5rem;--size-11: 2.75rem;--size-12: 3rem;--size-13: 3.25rem;--size-14: 3.5rem;--size-16: 4rem;--size-20: 5rem;--size-24: 6rem;--size-28: 7rem;--size-32: 8rem;--size-36: 9rem;--size-40: 10rem;--size-44: 11rem;--size-48: 12rem;--size-52: 13rem;--size-56: 14rem;--size-60: 15rem;--size-64: 16rem;--size-72: 18rem;--size-80: 20rem;--size-96: 24rem;--size-1-2: 50%;--size-1-3: 33.333333%;--size-2-3: 66.666667%;--size-1-4: 25%;--size-2-4: 50%;--size-3-4: 75%;--size-1-5: 20%;--size-2-5: 40%;--size-3-5: 60%;--size-4-5: 80%;--size-full: 100%;--size-screen: 100vw;--size-screen-h: 100vh;--size-min: min-content;--size-max: max-content;--size-fit: fit-content;--size-border-xs: 1px;--size-border-sm: 2px;--size-border-md: 4px;--size-border-lg: 6px;--size-border-xl: 8px;--size-icon-xs: var(--size-3);--size-icon-sm: var(--size-4);--size-icon-md: var(--size-5);--size-icon-lg: var(--size-6);--size-icon-xl: var(--size-8);--size-avatar-xs: var(--size-6);--size-avatar-sm: var(--size-8);--size-avatar-md: var(--size-10);--size-avatar-lg: var(--size-12);--size-avatar-xl: var(--size-16);--size-avatar-2xl: var(--size-24);--size-button-sm: var(--size-8);--size-button-md: var(--size-10);--size-button-lg: var(--size-12);--size-input-sm: var(--size-8);--size-input-md: var(--size-10);--size-input-lg: var(--size-12);--size-container-xs: 20rem;--size-container-sm: 24rem;--size-container-md: 28rem;--size-container-lg: 32rem;--size-container-xl: 36rem;--size-container-2xl: 42rem;--size-container-3xl: 48rem;--size-container-4xl: 56rem;--size-container-5xl: 64rem;--size-container-6xl: 72rem;--size-container-7xl: 80rem;--size-prose-sm: 45rem;--size-prose-md: 65rem;--size-prose-lg: 75rem;--size-card-sm: 20rem;--size-card-md: 24rem;--size-card-lg: 28rem;--size-card-xl: 32rem}:root{--spacing-unit: .5rem;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-section: var(--spacing-12);--spacing-card: var(--spacing-6);--spacing-button: var(--spacing-4);--spacing-input: var(--spacing-3);--spacing-gap-sm: var(--spacing-2);--spacing-gap-md: var(--spacing-4);--spacing-gap-lg: var(--spacing-6);--spacing-gap-xl: var(--spacing-8);--spacing-gap-2xl: var(--spacing-10);--container-padding: var(--spacing-4);--container-padding-mobile: var(--spacing-3);--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-3xl: 2.5rem;--radius-full: 50%;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-button: 0 4px 12px rgba(0, 0, 0, .1);--shadow-button-hover: 0 8px 24px rgba(0, 0, 0, .2);--shadow-button-active: 0 4px 16px rgba(0, 0, 0, .15);--shadow-card: 0 4px 12px rgba(0, 0, 0, .1);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .2)}:root{--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-base: 1.125rem;--font-size-md: 1.25rem;--font-size-lg: 1.5rem;--font-size-xl: 1.875rem;--font-size-2xl: 2.5rem;--font-size-3xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-small: 1;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2}.font_w_font_s1{font-weight:var(--font-weight-medium);font-style:normal}.font_w_font_s{font-weight:var(--font-weight-semibold);font-style:normal}.tab-content{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;transition:all ease-in-out .5s;padding:var(--spacing-12);height:100%;overflow:auto;display:block}@media (min-width: 1281px){.tab-content{max-height:var(--size-container-2xl);min-height:var(--size-container-md);overflow-y:auto}}.tab-content .label{color:var(--one);font-size:var(--font-size-sm);line-height:var(--line-height-tight);text-transform:uppercase;background:var(--one-background);padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-lg);display:inline-block;margin:0}.tab-content .title{color:var(--card-text);font-size:var(--font-size-3xl);line-height:var(--line-height-tight);padding:var(--spacing-5) 0;margin:0}.tab-content .description{color:var(--card-sub-text);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin:0;padding-bottom:var(--spacing-10)}.tab-content:first-child{position:relative}@media (max-width: 550px){.card-section:not(.card-section--about-page) .tab-content{margin-top:var(--spacing-20)!important}.card-section.card-section--about-page .card-section__main{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}}::-webkit-scrollbar{width:var(--size-1)}::-webkit-scrollbar-track{background-color:var(--card-sub-text)}::-webkit-scrollbar-corner{display:none}::-webkit-scrollbar-thumb{background-color:var(--primary);background-clip:content-box}:root{--modal-button-size: var(--size-button-md);--modal-button-size-sm: var(--size-button-sm);--modal-icon-size: var(--size-icon-lg);--modal-icon-size-sm: var(--size-icon-sm);--modal-header-border-color: rgba(128, 128, 128, .1);--modal-hover-bg: var(--card-background);--modal-danger-bg: rgba(239, 68, 68, .1);--modal-danger-color: #ef4444;--modal-transition: all .3s cubic-bezier(.4, 0, .2, 1);--modal-transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--modal-animation-offset: var(--spacing-5);--modal-backdrop-blur: 4px}.dark-mode{--modal-header-border-color: rgba(255, 255, 255, .1);--modal-danger-bg: rgba(239, 68, 68, .15)}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;font-family:Kodchasan,sans-serif;scroll-behavior:smooth}@media (max-width: 550px){html{overflow-x:hidden}}body{background-color:var(--background)}ul{margin:0}a{text-decoration:none;color:var(--primary)}#particles-js{position:absolute;width:100%;height:calc(100vh - 6px)}