:root{--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--accent: #C83C3C;--accent-hover: #A82E2E;--accent-light: #E87070;--accent-bg: rgba(200, 60, 60, .08);--accent-bg-strong: rgba(200, 60, 60, .15);--red: #C83C3C;--red-dim: #8B1A1A;--red-bg: rgba(200, 60, 60, .08);--amber: #E5A832;--amber-dim: #B8821F;--green: #3CB878;--green-dim: #1A6B3C;--green-bg: rgba(60, 184, 120, .08);--blue: #0A8AB5;--blue-dim: #065A78;--sev-critical: #f87171;--sev-high: #fb923c;--sev-medium: #fbbf24;--sev-low: #60a5fa;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px}[data-theme=light]{--bg-primary: #F8F7F5;--bg-secondary: #FFFFFF;--bg-tertiary: #FAFAF8;--bg-code: #F0EDE8;--bg-elevated: #FFFFFF;--text-primary: #1A1F2E;--text-secondary:#5A6170;--text-tertiary: #8A8F9C;--text-inverse: #F0EDE8;--border: #E2DDD5;--border-strong: rgba(226, 221, 213, .6);--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 24px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.8);--shadow-lg: 0 12px 40px rgba(0,0,0,.08);--shadow-glow: 0 0 40px rgba(181,48,48,.12);--gradient-hero: linear-gradient(135deg, #F8F7F5 0%, #FAFAF8 50%, #F8F7F5 100%);--accent: #B53030;--accent-hover: #9A2828;--accent-bg: rgba(181,48,48,.06);--accent-bg-strong: rgba(181,48,48,.12);--accent-section: #C88B1E;--nav-bg: rgba(248,247,245,.8);--glass-card-bg: rgba(255,255,255,.6);--glass-card-border: rgba(226,221,213,.5);--glass-card-shadow: 0 4px 24px rgba(0,0,0,.03), inset 0 1px 0 rgba(255,255,255,.9);--glass-card-hover-shadow: 0 8px 32px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.9)}[data-theme=dark]{--bg-primary: #060A14;--bg-secondary: #0E1A2B;--bg-tertiary: #142236;--bg-code: #0C1420;--bg-elevated: #1A2E48;--text-primary: rgba(255,255,255,.92);--text-secondary:rgba(255,255,255,.6);--text-tertiary: rgba(255,255,255,.4);--text-inverse: #1A1F2E;--border: rgba(120, 160, 200, .08);--border-strong: rgba(120, 160, 200, .15);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 12px 40px rgba(0,0,0,.4);--shadow-glow: 0 0 60px rgba(229,168,50,.18);--gradient-hero: linear-gradient(135deg, #060A14 0%, #0E1A2B 50%, #060A14 100%);--nav-bg: rgba(6,10,20,.85);--glass-card-bg: rgba(22,30,48,.85);--glass-card-border: rgba(120,160,200,.1);--glass-card-shadow: 0 4px 24px rgba(0,0,0,.3);--glass-card-hover-shadow: 0 8px 32px rgba(0,0,0,.45)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}img,video,svg{max-width:100%;height:auto}::selection{background:var(--amber);color:#060a14}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.page-content{padding-bottom:0}.tr-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border) 20%,var(--accent) 50%,var(--border) 80%,transparent 100%);border:0;margin:0}.tr-divider-animated{height:1px;border:0;margin:0;background:linear-gradient(90deg,transparent,var(--border),var(--accent),var(--border),transparent);background-size:200% 100%;animation:dividerSlide 3s linear infinite}@keyframes dividerSlide{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.tr-divider-animated{animation:none;background-position:50% 0}}.section-label{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--accent-section, var(--accent));letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.92rem;font-weight:600;padding:.65rem 1.25rem;border-radius:var(--radius-sm);text-decoration:none;transition:all .2s;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);text-decoration:none;box-shadow:0 0 20px #c83c3c59}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--amber);color:var(--amber);text-decoration:none}.nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);background:var(--nav-bg);border-bottom:1px solid var(--border);transition:background .2s,border-color .2s}.nav-scrolled{border-bottom-color:var(--border-strong);box-shadow:0 2px 12px #0003}.nav-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.nav-brand:hover{text-decoration:none}.nav-brand-text{font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:.02em;line-height:1;display:block}.nav-brand-sub{font-family:var(--font-mono);font-size:8.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--text-tertiary);margin-top:2px;display:block}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:13px;font-weight:500;letter-spacing:.04em;text-decoration:none;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;position:relative}.nav-link-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;transition:color .15s,filter .15s}.nav-link-icon svg{width:16px;height:16px}.nav-link-label{line-height:1}.nav-link:hover{color:var(--text-primary);background:#e5a8320f;text-decoration:none}.nav-link:hover .nav-link-icon{color:var(--amber)}.nav-link.is-active{color:var(--amber);background:linear-gradient(135deg,#e5a8321f,#e5a8320f);border-color:#e5a83238;box-shadow:inset 0 1px #e5a83233,0 0 12px #e5a83214;font-weight:600}.nav-link.is-active .nav-link-icon{color:var(--amber);filter:drop-shadow(0 0 4px rgba(229,168,50,.6))}.nav-link.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-3px;height:2px;background:var(--amber);border-radius:1px;box-shadow:0 0 8px #e5a83273}.nav-right{display:flex;align-items:center;gap:.75rem}.theme-toggle{width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-secondary)}.theme-toggle:hover{border-color:var(--amber);color:var(--amber)}.theme-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.theme-icon-wrap svg{width:16px;height:16px}.nav-hamburger{display:none;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.nav-hamburger:hover{border-color:var(--amber);color:var(--amber)}.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:12px 16px 16px;z-index:999;flex-direction:column;gap:1px;box-shadow:var(--shadow-lg)}.mobile-menu.open{display:flex}.mobile-menu-section-label{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.22em;color:var(--text-tertiary);text-transform:uppercase;padding:12px 14px 6px}.mobile-link{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:1px 0;font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:10px;border:1px solid transparent;background:transparent;text-decoration:none;transition:all .15s ease}.mobile-link:hover{background:#e5a8320f;color:var(--text-primary);text-decoration:none}.mobile-link-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.mobile-link-icon svg{width:16px;height:16px}.mobile-link:hover .mobile-link-icon{color:var(--amber)}.mobile-link.is-active{color:var(--amber);background:linear-gradient(135deg,#e5a8321f,#e5a8320f);border-color:#e5a83238;border-left:2px solid var(--amber);padding-left:12px;font-weight:600}.mobile-link.is-active .mobile-link-icon{color:var(--amber);filter:drop-shadow(0 0 4px rgba(229,168,50,.6))}.mobile-menu-divider{height:1px;margin:8px;background:linear-gradient(90deg,var(--border),transparent)}.mobile-link-primary{background:var(--accent);color:#fff;justify-content:center;margin-top:4px}.mobile-link-primary:hover{background:var(--accent-hover);color:#fff}.mobile-link-secondary{border:1px solid var(--border);justify-content:center}@media (max-width: 768px){.nav-hamburger{display:flex}.nav-links{display:none!important}.nav-right .btn{display:none}.nav-right .theme-toggle{order:2}.nav-right .nav-hamburger{order:1}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:3rem 0 2rem;margin-top:4rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-brand-block{display:flex;flex-direction:column;gap:.75rem}.footer-brand-block p{font-size:.85rem;color:var(--text-tertiary);line-height:1.6;max-width:260px}.footer-col-title{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.85rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}.footer-col a{color:var(--text-secondary);font-size:.92rem;transition:color .2s}.footer-col a:hover{color:var(--amber);text-decoration:none}.footer-bottom{padding-top:1.75rem;border-top:1px solid var(--border);text-align:center}.footer-legal{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary)}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-block{grid-column:1 / -1}}@media (max-width: 540px){.footer-grid{grid-template-columns:1fr;gap:1.5rem}}