:root{--color-dark-gray: #262626;--color-white: #ecd9d4;--color-cosmic-latte: #fff8e7;--color-cosmic-latte-10: rgba(255, 248, 231, .1);--color-cosmic-latte-20: rgba(255, 248, 231, .2);--color-gray-100: rgba(255, 255, 255, .1);--color-gray-200: rgba(255, 255, 255, .2);--color-gray-300: rgba(255, 255, 255, .3);--color-gray-400: rgba(255, 255, 255, .4);--color-gray-600: rgba(255, 255, 255, .6);--color-gray-700: rgba(255, 255, 255, .1);--color-gray-800: rgba(20, 20, 20, .4);--color-gray-900: rgba(15, 15, 15, .6);--color-black-hole-brown: #4B0F19;--color-black-hole-brown-10: rgba(75, 15, 25, .1);--color-black-hole-brown-20: rgba(75, 15, 25, .2);--container-max-width: 1200px;--container-narrow-max-width: 800px;--container-wide-max-width: 1200px;--color-bg-primary: var(--color-dark-gray);--color-text-primary: var(--color-white);--color-text-accent: var(--color-cosmic-latte);--color-accent-10: var(--color-cosmic-latte-10);--color-accent-20: var(--color-cosmic-latte-20);--font-family-base: "Poppins", sans-serif;--font-family-title: "Exo", sans-serif;--font-family-alt: "Exo", sans-serif;--font-family-mono: "Monaco", "Consolas", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .825rem + .25vw, 1rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--font-size-xl: clamp(1.5rem, 1.25rem + 1.25vw, 1.75rem);--font-size-2xl: clamp(2rem, 1.75rem + 1.25vw, 2.25rem);--font-size-3xl: clamp(2.5rem, 2rem + 2.5vw, 3rem);--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.8;--line-height-base: var(--line-height-normal);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--iframe-height-standard: 352px;--iframe-height-playlist: calc(var(--iframe-height-standard) * 1.5);--iframe-height-dj-set: 120px;@media (max-width: 768px){--iframe-height-standard: 300px;--iframe-height-playlist: 450px}@media (max-width: 480px){--iframe-height-standard: 250px;--iframe-height-playlist: 400px}}html:not(.dark-mode){--color-bg-primary: var(--color-white);--color-text-primary: var(--color-dark-gray);--color-text-accent: var(--color-black-hole-brown);--color-accent-10: var(--color-black-hole-brown-10);--color-accent-20: var(--color-black-hole-brown-20);--color-bg-hover: rgba(0, 0, 0, .05);--color-gray-100: rgba(0, 0, 0, .05);--color-gray-200: rgba(0, 0, 0, .07);--color-gray-300: rgba(0, 0, 0, .1);--color-gray-400: rgba(0, 0, 0, .3);--color-gray-600: rgba(0, 0, 0, .5);--color-gray-700: rgba(0, 0, 0, .05);--color-gray-800: rgba(0, 0, 0, .07);--color-gray-900: rgba(238, 238, 238, .9)}.dark-mode{--color-text-accent: var(--color-cosmic-latte);--color-accent-10: var(--color-cosmic-latte-10);--color-accent-20: var(--color-cosmic-latte-20);--color-bg-primary: #121212;--color-text-primary: #f5f5f5;--color-bg-hover: rgba(255, 255, 255, .05);--color-gray-100: rgba(255, 255, 255, .05);--color-gray-200: rgba(255, 255, 255, .07);--color-gray-300: rgba(255, 255, 255, .1);--color-gray-400: rgba(255, 255, 255, .12);--color-gray-600: rgba(255, 255, 255, .2);--color-gray-700: rgba(255, 255, 255, .05);--color-gray-800: rgba(255, 255, 255, .07);--color-gray-900: rgba(20, 20, 20, .8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-out}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 2rem;margin-top:2rem}.container--narrow{max-width:var(--container-narrow-max-width)}.container--wide{max-width:var(--container-wide-max-width)}.container--no-padding{padding:0}@media (max-width: 768px){.container{padding:0 1.5rem}}@media (max-width: 480px){.container{padding:0 1rem}}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-8{margin-top:var(--spacing-lg)}.mt-12{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-8{margin-bottom:var(--spacing-lg)}.mb-12{margin-bottom:var(--spacing-xl)}.error-message{text-align:center;padding:2rem;background-color:#ff00001a;border-radius:var(--border-radius-md);margin:2rem 0;color:var(--color-white)}.notice-message{text-align:center;padding:1rem;background-color:#ffc8001a;border-radius:var(--border-radius-md);margin:1rem 0 2rem;font-style:italic;color:var(--color-white)}.success-message{text-align:center;padding:1rem;background-color:#00ff001a;border-radius:var(--border-radius-md);margin:1rem 0 2rem;color:var(--color-white)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.highlight{color:var(--color-cosmic-latte)}.section-divider{height:1px;background:rgba(255,248,231,.1);margin:1.5rem 0;border:none}.img-full{display:block;max-width:100%;height:auto}.iframe-rounded{border-radius:var(--border-radius-md);border:none}.iframe-borderless{border:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);font-weight:var(--font-weight-regular);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-slow),color var(--transition-slow);user-select:text;pointer-events:auto!important}body.redirect-page{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;margin:0;padding:0;opacity:0;overflow:hidden;height:100vh;width:100vw}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight);letter-spacing:-.01em}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-base);position:relative;cursor:pointer;pointer-events:auto}a:hover,a:focus{color:var(--color-text-accent)}a:focus{outline:2px solid var(--color-accent-20);outline-offset:2px}a:focus:not(:focus-visible){outline:none}a:focus-visible{outline:2px solid var(--color-accent-20);outline-offset:2px}.highlight{color:var(--color-text-accent)}.header-wrapper{position:relative;width:100%;border-bottom:1px solid var(--color-gray-100)}header{position:relative;z-index:2000}.nav-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;height:64px}.site-title{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--color-text-primary);transition:opacity var(--transition-base);flex:0 0 auto;width:40px;height:40px;border-radius:var(--border-radius-md);background-color:var(--color-gray-800);padding:8px;flex-shrink:0;position:absolute;left:2rem;top:50%;transform:translateY(-50%);z-index:100}.site-title:hover{opacity:.9;background-color:var(--color-gray-700)}.site-logo{height:24px;width:24px;margin-right:0}.site-title-text{display:flex;align-items:center;font-family:var(--font-family-title);font-weight:var(--font-weight-medium)}.mobile-title{display:none}.main-nav{padding:0;flex:1 1 auto;display:flex;justify-content:center}.main-nav .container.nav-container{width:auto;padding:0}.main-nav ul{display:flex;list-style:none;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;padding:0;margin:0;height:100%;align-items:center}.main-nav a,.main-nav .nav-link{font-family:var(--font-family-title);font-weight:var(--font-weight-medium);font-size:.9rem;letter-spacing:.02em;text-transform:capitalize;padding:var(--spacing-xs) 0;position:relative;user-select:text;cursor:pointer;pointer-events:auto}.main-nav a.disabled{color:var(--color-gray-400);pointer-events:none;cursor:default;opacity:.7;position:relative}.main-nav .nav-link.disabled{color:var(--color-gray-400);cursor:not-allowed;opacity:.7;position:relative}.main-nav a.disabled:before{content:"Coming Soon";position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.6rem;background-color:var(--color-gray-800);padding:2px 6px;border-radius:4px;opacity:0;transition:opacity var(--transition-base)}.main-nav a.disabled:hover:before{opacity:1}.main-nav a.active{color:var(--color-text-accent);pointer-events:auto}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-text-accent);transition:width var(--transition-base)}.main-nav a:hover:after,.main-nav a:focus:after,.main-nav a.active:after{width:100%}.header-right-controls{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.language-dropdown-container{position:relative;z-index:1000;display:flex;align-items:center;flex:0 0 auto;height:100%}.language-dropdown{position:relative;display:inline-block}.dropdown-button{background:transparent;color:var(--color-gray-400);border:none;padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:color var(--transition-fast);font-family:var(--font-family-base);font-weight:var(--font-weight-medium)}.dark-mode .dropdown-button{color:var(--color-gray-400)}html:not(.dark-mode) .dropdown-button{color:var(--color-dark-gray)}.dropdown-button:hover{color:var(--color-text-primary)}.dark-mode .dropdown-button:hover{color:var(--color-white)}.dropdown-arrow{font-size:.6rem;margin-top:2px}.dropdown-content{display:none;position:absolute;right:0;background-color:#121212e6;min-width:100px;box-shadow:0 8px 16px #00000080;z-index:1001;border-radius:4px;border:1px solid var(--color-gray-700);overflow:hidden}html:not(.dark-mode) .dropdown-content{background-color:#eeeeeef2;box-shadow:0 8px 16px #00000026;border:1px solid rgba(0,0,0,.1)}.dark-mode .dropdown-content{background-color:#121212e6;box-shadow:0 8px 16px #00000080;border:1px solid var(--color-gray-700)}.dropdown-item{color:var(--color-gray-400);padding:.6rem 1rem;text-decoration:none;display:block;transition:background-color var(--transition-fast),color var(--transition-fast);font-size:.8rem;font-family:var(--font-family-base)}html:not(.dark-mode) .dropdown-item{color:var(--color-dark-gray)}.dark-mode .dropdown-item{color:var(--color-white)}.dropdown-item:hover{background-color:var(--color-gray-800);color:var(--color-text-primary)}html:not(.dark-mode) .dropdown-item:hover{background-color:#0000000d;color:var(--color-black-hole-brown)}.dropdown-item.active{color:var(--color-text-accent);background-color:var(--color-accent-10)}@media (min-width: 481px){.language-dropdown:hover .dropdown-content{display:block}}@media (max-width: 480px){.language-dropdown.dropdown-open .dropdown-content{display:block}.language-dropdown.dropdown-closed .dropdown-content{display:none!important}}.language-selector{display:none}footer{margin-top:var(--spacing-xl);padding:var(--spacing-xs) 0;border-top:1px solid var(--color-gray-100)}.footer-text{font-size:var(--font-size-xs);color:var(--color-text-primary);text-align:center}@media (max-width: 480px){.nav-content{padding:0 1rem;position:relative}.header-right-controls{position:absolute;right:1rem;top:50%;transform:translateY(-50%);flex-shrink:unset}.main-nav{display:none;position:absolute;top:64px;left:0;width:100%;background-color:var(--color-bg-primary);backdrop-filter:blur(4px);border-bottom:1px solid var(--color-gray-100);padding:1rem 0;z-index:90;box-shadow:0 4px 10px #0000001a}.main-nav.active{display:block}.main-nav ul{flex-direction:column;align-items:center}.main-nav li{margin:.5rem 0}.site-title,.language-dropdown-container{z-index:100}#mobile-menu-toggle.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;margin-right:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:101}}[tabindex]:not(button):not(input):not(textarea):not(select):not(a):focus-visible{position:relative}[tabindex]:not(button):not(input):not(textarea):not(select):not(a):focus-visible:after{content:"";position:absolute;inset:-4px;border-radius:4px;border:2px solid var(--color-text-accent);pointer-events:none}@media (forced-colors: active){.profile-link:focus-visible,.language-btn:focus-visible,.skill-item:focus-visible,.credential-link:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:3px solid CanvasText;outline-offset:3px}}time{font-family:var(--font-family-base)}.main-section,.profile-section{margin-bottom:var(--spacing-xl);animation:fadeIn .6s ease-in-out;animation-fill-mode:both}.profile-section:first-of-type{margin-top:0}.profile-section.no-title{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.profile-section:nth-child(1){animation-delay:0s}.profile-section:nth-child(2){animation-delay:.1s}.profile-section:nth-child(3){animation-delay:.2s}.profile-section:nth-child(4){animation-delay:.3s}.profile-section:nth-child(5){animation-delay:.4s}.section-heading{font-size:var(--font-size-xl);font-family:var(--font-family-title);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);color:var(--color-text-accent);border-bottom:none;padding-bottom:var(--spacing-sm);position:relative;display:inline-block}.section-heading:after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:3px;background-color:var(--color-text-accent);transition:width var(--transition-base)}.section-heading:hover:after{width:100%}.section-title{position:relative;font-family:var(--font-family-alt);font-weight:var(--font-weight-medium);margin-bottom:1.5rem;display:inline-block;padding-bottom:.5rem;font-size:var(--font-size-xl)}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:2px;background-color:var(--color-text-accent);transition:width var(--transition-base)}.section-title:hover:after{width:100%}.section-intro{margin-bottom:2rem;color:var(--color-gray-200);font-size:var(--font-size-base);line-height:var(--line-height-loose);font-style:italic}.section-description{margin-bottom:2rem;line-height:var(--line-height-loose);color:var(--color-gray-300);font-size:var(--font-size-base);max-width:90%;border-left:none;padding-left:0;font-style:normal}@media (max-width: 768px){.section-heading{font-size:var(--font-size-xl)}.section-title{font-size:var(--font-size-lg)}.section-intro,.section-description{max-width:100%;font-size:var(--font-size-sm)}.main-section{margin-bottom:3rem}}@media (max-width: 480px){.section-heading{font-size:var(--font-size-lg)}.section-title{font-size:var(--font-size-base)}}.mobile-menu-toggle{display:none;background:transparent;border:none;width:32px;height:32px;position:relative;cursor:pointer;z-index:101;padding:0}.menu-icon{position:absolute;width:24px;height:2px;background-color:var(--color-text-primary);top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--color-text-primary);left:0;transition:all .3s ease}.menu-icon:before{top:-8px}.menu-icon:after{top:8px}.mobile-menu-toggle.active .menu-icon{background-color:transparent}.mobile-menu-toggle.active .menu-icon:before{top:0;transform:rotate(45deg)}.mobile-menu-toggle.active .menu-icon:after{top:0;transform:rotate(-45deg)}@media (max-width: 768px){.nav-content{padding:0 1rem}.main-nav ul{gap:var(--spacing-md)}.main-nav a,.main-nav .nav-link{font-size:.8rem}.dropdown-button{padding:var(--spacing-xs) var(--spacing-xs);font-size:.8rem}}svg{color:var(--color-text-primary)}.social-icon{color:var(--color-text-primary)}html:not(.dark-mode) .social-icon{filter:brightness(0);color:var(--color-text-primary)}.dark-mode .social-icon{filter:none;color:var(--color-text-primary)}.theme-toggle{display:flex;align-items:center;margin-left:var(--spacing-md);cursor:pointer;position:relative;z-index:15;background:none;border:none;padding:0}.toggle-track{width:40px;height:20px;background-color:var(--color-gray-700);border-radius:var(--border-radius-full);position:relative;transition:background-color var(--transition-base);display:flex;align-items:center;padding:0 4px;justify-content:space-between}.dark-mode .toggle-track{background-color:var(--color-black-hole-brown)}.toggle-thumb{position:absolute;width:16px;height:16px;border-radius:50%;background-color:var(--color-white);left:2px;transition:transform var(--transition-base)}.dark-mode .toggle-thumb{transform:translate(20px)}.toggle-icon{width:12px;height:12px;display:flex;justify-content:center;align-items:center;color:var(--color-white)}.toggle-icon svg{width:100%;height:100%}.theme-toggle .tooltip{position:absolute;top:calc(100% + 5px);right:0;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-800);color:var(--color-white);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-5px);transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:10}html:not(.dark-mode) .theme-toggle .tooltip{background-color:var(--color-white);color:var(--color-dark-gray);box-shadow:0 2px 8px #0000001a}.theme-toggle .light-mode-tooltip{display:block}.theme-toggle .dark-mode-tooltip,.dark-mode .theme-toggle .light-mode-tooltip{display:none}.dark-mode .theme-toggle .dark-mode-tooltip{display:block}.theme-toggle:hover .tooltip{opacity:1;transform:translateY(0)}.language-dropdown-container{z-index:2001!important}.dropdown-content{z-index:2002!important}.dark-mode .dropdown-button{color:var(--color-white)!important}.dark-mode .dropdown-item[data-lang-active=true]{color:var(--color-cosmic-latte)!important;background-color:#fff8e71a!important}html:not(.dark-mode) .dropdown-item[data-lang-active=true]{color:var(--color-black-hole-brown);background-color:#4b0f191a}.dark-mode .dropdown-item:hover{color:var(--color-white)}html:not(.dark-mode) .dropdown-item:hover{color:var(--color-dark-gray)}