:root{--navy: #0a192f;--light-navy: #112240;--lightest-navy: #233554;--navy-shadow: rgba(2, 12, 27, .7);--dark-slate: #495670;--slate: #8892b0;--light-slate: #a8b2d1;--lightest-slate: #ccd6f6;--white: #e6f1ff;--green: #64ffda;--green-tint: rgba(100, 255, 218, .1);--pink: #f57dff;--blue: #57cbff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--fz-xs: .75rem;--fz-sm: .875rem;--fz-md: 1rem;--fz-lg: 1.125rem;--fz-xl: 1.25rem;--fz-2xl: 1.5rem;--fz-3xl: 2rem;--fz-4xl: 2.5rem;--fz-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--transition: all .25s cubic-bezier(.645, .045, .355, 1);--easing: cubic-bezier(.645, .045, .355, 1);--border-radius: 4px;--nav-height: 100px;--nav-scroll-height: 70px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--navy);color:var(--slate);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--lightest-slate);font-weight:600;line-height:1.1}a{color:var(--green);text-decoration:none;transition:var(--transition);display:inline-block;position:relative}a:hover{color:var(--green)}a:after{content:"";display:block;width:0;height:1px;background:var(--green);transition:width .3s var(--easing)}a:hover:after{width:100%}.no-underline:after,nav a:after,.social-links a:after{display:none}.layout{display:flex;flex-direction:column;min-height:100vh}@media(min-width:1024px){.layout{flex-direction:row}}.header{padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:space-between;background-color:var(--navy)}@media(min-width:1024px){.header{position:fixed;top:0;left:0;width:45%;height:100vh;max-width:480px;padding:var(--spacing-4xl) var(--spacing-2xl)}}@media(min-width:1280px){.header{padding:var(--spacing-4xl) var(--spacing-3xl)}}.main{padding:var(--spacing-xl)}@media(min-width:1024px){.main{margin-left:45%;width:55%;padding:var(--spacing-4xl) var(--spacing-2xl);max-width:900px}}@media(min-width:1280px){.main{padding:var(--spacing-4xl) var(--spacing-3xl)}}section{margin-bottom:var(--spacing-4xl)}.section-title{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);font-size:var(--fz-2xl);color:var(--lightest-slate)}.section-number{font-family:var(--font-mono);font-size:var(--fz-lg);color:var(--green);font-weight:400}.section-divider{flex:1;height:1px;background:var(--lightest-navy);max-width:300px}nav{display:none}@media(min-width:1024px){nav{display:block;margin:var(--spacing-2xl) 0}nav ul{list-style:none}nav li{margin-bottom:var(--spacing-md)}nav a{display:flex;align-items:center;gap:var(--spacing-md);color:var(--slate);font-family:var(--font-mono);font-size:var(--fz-sm);padding:var(--spacing-sm) 0;transition:var(--transition)}nav a:before{content:"";display:block;width:2rem;height:1px;background:var(--lightest-navy);transition:var(--transition)}nav a:hover,nav a.active{color:var(--green)}nav a:hover:before,nav a.active:before{width:3rem;background:var(--green)}nav a span{color:var(--green);font-size:var(--fz-xs);margin-right:var(--spacing-xs)}}.social-links{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}@media(min-width:1024px){.social-links{margin-top:0}}.social-links a{color:var(--light-slate);transition:var(--transition)}.social-links a:hover{color:var(--green);transform:translateY(-2px)}.social-links svg{width:20px;height:20px}footer{padding:var(--spacing-xl) 0;text-align:center;font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--light-slate)}@media(min-width:1024px){footer{text-align:left;padding:var(--spacing-2xl) 0}}::selection{background:var(--lightest-navy);color:var(--green)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--lightest-navy);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-nav{display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-sm);margin:var(--spacing-lg) 0;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{font-family:var(--font-mono);font-size:var(--fz-sm);color:var(--slate);white-space:nowrap;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius)}.mobile-nav a:hover,.mobile-nav a.active{color:var(--green);background:var(--green-tint)}@media(min-width:1024px){.mobile-nav{display:none}}.lang-toggle{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:100;background:transparent;border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);font-size:var(--fz-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.lang-toggle:hover{background:var(--green-tint)}