:root{--color-off-black: #111111;--color-warm-cream: #faf9f6;--color-oat-border: #dedbd6;--color-warm-sand: #d3cec6;--color-muted: #7b7b78;--color-content-tertiary: #9c9fa5;--color-fin-orange: #ff5600;--color-report-blue: #65b5ff;--color-report-green: #0bdf50;--color-report-red: #c41c1c;--color-report-orange: #fe4c02;--color-green: #00da00;--color-deep-blue: #0007cb;--radius-button: 4px;--radius-card: 8px;--radius-nav: 6px}html,body{margin:0;width:100%;min-height:100%}body{background-color:var(--color-warm-cream);color:var(--color-off-black);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dark body{background-color:#0a0a0a;color:#f5f5f5}img{max-width:100%;height:auto}a,button{-webkit-tap-highlight-color:transparent}.go-to-top{position:fixed;bottom:2rem;right:2rem;z-index:9999;width:48px;height:48px;border-radius:50%;border:none;background:#00000014;color:currentColor;cursor:pointer;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.go-to-top:hover{background:#00000026;transform:scale(1.1)}.go-to-top:active{transform:scale(.85)}.dark .go-to-top{background:#ffffff14}.dark .go-to-top:hover{background:#ffffff26}@media(max-width:768px){.go-to-top{bottom:1.5rem;right:1.5rem;width:40px;height:40px}}.nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 4rem;z-index:100;background-color:#faf9f6cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-oat-border)}.nav-brand{font-size:.875rem;font-weight:500;color:var(--color-off-black);text-decoration:none;letter-spacing:.05em}.nav-links{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:2rem}.nav-link{font-size:.875rem;color:var(--color-muted);text-decoration:none;letter-spacing:.02em;transition:color .2s ease}.nav-link:hover{color:var(--color-off-black)}.nav-link.active{color:var(--color-off-black);font-weight:500}.nav-actions{display:flex;align-items:center;gap:.5rem}.nav-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;color:var(--color-muted);transition:all .2s ease;border-radius:50%}.nav-theme-toggle:hover{color:var(--color-off-black);background-color:#0000000d;transform:scale(1.1)}.nav-theme-toggle:active{transform:scale(.85)}.theme-icon-moon{display:none}.dark .nav{background-color:#0a0a0acc;border-bottom-color:#2a2a2a}.dark .nav-brand{color:#f5f5f5}.dark .nav-link{color:var(--color-content-tertiary)}.dark .nav-link:hover,.dark .nav-link.active{color:#f5f5f5}.dark .nav-theme-toggle{color:var(--color-content-tertiary)}.dark .nav-theme-toggle:hover{color:#f5f5f5;background-color:#ffffff14}.dark .theme-icon-sun{display:none}.dark .theme-icon-moon{display:block}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:transparent;border:none;cursor:pointer;padding:8px}.nav-hamburger span{display:block;width:100%;height:2px;background-color:var(--color-off-black);transition:all .3s ease}.dark .nav-hamburger span{background-color:#f5f5f5}.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.nav{padding:1rem 2rem}.nav-hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;left:auto;transform:none;width:280px;height:100vh;background-color:var(--color-warm-cream);flex-direction:column;padding:5rem 2rem 2rem;gap:0;transition:right .3s ease;box-shadow:-4px 0 20px #00000014;z-index:99}.nav-links.open{right:0}.nav-link{font-size:1rem;padding:1rem 0;border-bottom:1px solid var(--color-oat-border)}.dark .nav-links{background-color:#0a0a0a}.dark .nav-link{border-bottom-color:#2a2a2a}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:98}.nav-overlay.active{display:block}}@media(max-width:480px){.nav{padding:.75rem 1.5rem}.nav-brand{font-size:.75rem}}
