:root{--color-bg: #121212;--color-surface: #1C1C1C;--color-surface-raised: #262626;--color-surface-high: #333333;--color-orange: #FE7F2D;--color-blue: #C6D8FF;--color-text: rgba(255, 255, 255, .87);--color-text-muted: rgba(255, 255, 255, .6);--color-text-subtle: rgba(255, 255, 255, .38);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 3px 8px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .7);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--max-width: 1200px;--header-height: 64px}html{scroll-behavior:smooth}body{margin:0;padding:0;width:100%;height:100%;color:var(--color-text);background-color:var(--color-bg);font-family:Roboto,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,.heading{color:var(--color-orange);font-family:Oswald,sans-serif;line-height:1.2;margin-top:0}h1{font-size:clamp(1.75rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem);text-align:center}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:clamp(1rem,2vw,1.25rem)}a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}a:hover,a:focus{color:var(--color-orange)}img{max-width:100%;height:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.section-container{margin:auto;width:90%;padding:15px 0;display:flex;flex-direction:column}.detail-container{display:flex;flex-direction:column;width:85%;margin-left:auto;margin-right:auto;padding:16px;background-color:var(--color-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative}.indent{text-indent:20px}.center{text-align:center}.emphasize{color:var(--color-blue)}.pill{display:inline-block;padding:var(--space-xs) var(--space-sm);background-color:var(--color-surface-high);border-radius:var(--radius-full);font-size:.85rem;color:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media all and (min-width:600px){.detail-container{padding:16px 30px}}header{position:sticky;top:0;z-index:100;width:100%;background-color:#1c1c1ceb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 2px 8px #0006}.header-inner{max-width:var(--max-width);margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:relative}.header-brand{display:flex;flex-direction:column}.header-brand h1{margin:0;font-size:clamp(1.2rem,3vw,1.75rem);line-height:1}.header-subtitle{margin:2px 0 0;font-size:.85rem;color:var(--color-text-muted);font-family:Roboto,sans-serif;animation:fadeIn 1s ease .3s both}#nav-ul{padding:0;margin:0;display:flex;list-style-type:none;gap:8px}#nav-ul>li>a{color:var(--color-text-muted);padding:8px 12px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast);font-family:Oswald,sans-serif;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;position:relative}#nav-ul>li>a:after{content:"";position:absolute;bottom:2px;left:12px;right:12px;height:2px;background-color:var(--color-orange);transform:scaleX(0);transition:transform var(--transition-fast)}#nav-ul>li>a:hover,#nav-ul>li>a:focus{color:var(--color-orange);background-color:#fe7f2d14}#nav-ul>li>a:hover:after,#nav-ul>li>a.active-link:after{transform:scaleX(1)}#nav-ul>li>a.active-link{color:var(--color-orange)}.nav-toggle{display:none}.nav-toggle-label{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.nav-toggle-label:hover{background-color:#ffffff0f}.nav-toggle-label span{display:block;width:24px;height:2px;background-color:var(--color-text);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.nav-toggle:checked~.nav-toggle-label span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle:checked~.nav-toggle-label span:nth-child(2){opacity:0}.nav-toggle:checked~.nav-toggle-label span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:899px){.nav-toggle-label{display:flex}nav{display:none;width:100%;order:10}.nav-toggle:checked~nav{display:block}.header-inner{flex-wrap:wrap}#nav-ul{flex-direction:column;padding:12px 0;gap:4px}#nav-ul>li>a{display:block;padding:10px 12px}}@media(min-width:900px){.nav-toggle-label{display:none}nav{display:block}}footer{margin-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.08);background-color:var(--color-surface)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.footer-col{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-col-heading{font-family:Oswald,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-subtle);margin-bottom:var(--space-xs)}.footer-name{font-family:Oswald,sans-serif;font-size:1.1rem;color:var(--color-orange)}.footer-tagline{font-size:.85rem;color:var(--color-text-subtle)}.footer-nav nav,.footer-social{display:flex;flex-direction:column;gap:var(--space-xs)}.footer-nav a,.footer-social a{font-size:.9rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-nav a:hover,.footer-social a:hover{color:var(--color-orange)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-text-subtle);max-width:var(--max-width);margin:0 auto;width:100%;box-sizing:border-box}@media(min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between}.footer-col{flex:1}}