*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--steel-gray-900: #1a1d23;--steel-gray-850: #22262e;--steel-gray-800: #2d3139;--steel-gray-750: #363b45;--steel-gray-700: #404450;--steel-gray-600: #5a5f6f;--steel-gray-500: #787d8d;--steel-gray-400: #9ca1ae;--steel-gray-300: #c1c4cd;--steel-gray-200: #e5e6eb;--steel-gray-150: #eef0f3;--steel-gray-100: #f5f5f7;--steel-gray-50: #fafafb;--steel-blue-700: #1d4ed8;--steel-blue-600: #2563eb;--steel-blue-500: #3b82f6;--steel-blue-400: #60a5fa;--steel-blue-300: #93c5fd;--steel-blue-200: #bfdbfe;--accent-orange: #f97316;--accent-orange-light: #fb923c;--accent-orange-dark: #ea580c;--bg-primary: #ffffff;--bg-secondary: var(--steel-gray-50);--bg-dark: var(--steel-gray-900);--text-primary: var(--steel-gray-900);--text-secondary: var(--steel-gray-600);--text-light: var(--steel-gray-400);--border-color: var(--steel-gray-200);--border-color-hover: var(--steel-gray-300);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Roboto Mono", "Courier New", monospace;--container-width: 1280px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}html{font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-dark);border-bottom:2px solid var(--steel-blue-500);position:sticky;top:0;z-index:100;transition:all var(--transition-base)}.header.scrolled{background:#1a1d23f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000026}.nav-container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-lg)}.nav-content{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:#fff;font-weight:800;font-size:1.5rem;transition:opacity var(--transition-fast)}.logo:hover{opacity:.9}.logo-icon-wrapper{width:40px;height:40px;background:linear-gradient(135deg,var(--steel-blue-500),var(--steel-blue-600));border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb4d}.logo-icon{width:24px;height:24px;color:#fff}.logo-text{font-family:var(--font-mono);letter-spacing:-.02em}.logo-highlight{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:var(--spacing-xs);align-items:center}.nav-link{display:flex;align-items:center;gap:6px;color:var(--steel-gray-300);text-decoration:none;font-weight:500;font-size:.9rem;padding:.5rem .875rem;border-radius:8px;transition:all var(--transition-fast);position:relative}.nav-link-icon{width:18px;height:18px;opacity:.8;transition:all var(--transition-fast)}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link:hover .nav-link-icon{opacity:1;color:var(--steel-blue-400)}.nav-link.active{color:#fff;background:#3b82f626}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:var(--spacing-sm);width:40px;height:40px;position:relative;flex-direction:column;justify-content:center;gap:6px;border-radius:8px;transition:background var(--transition-fast)}.mobile-menu-btn:hover{background:#ffffff1a}.menu-line{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.mobile-menu-btn.active .menu-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-btn.active .menu-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.active .menu-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.main-content{flex:1;width:100%}.footer{background:linear-gradient(180deg,var(--steel-gray-900) 0%,var(--steel-gray-850) 100%);color:var(--steel-gray-300);margin-top:var(--spacing-3xl);border-top:2px solid var(--steel-blue-500);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--steel-blue-400),transparent)}.footer-container{max-width:var(--container-width);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.footer-brand{max-width:320px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:#fff;font-weight:800;font-size:1.5rem;font-family:var(--font-mono);margin-bottom:var(--spacing-md)}.footer-logo svg{width:32px;height:32px;color:var(--steel-blue-400)}.footer-logo-highlight{color:var(--accent-orange)}.footer-text{font-size:.9rem;line-height:1.7;color:var(--steel-gray-400);margin-bottom:var(--spacing-lg)}.footer-social{display:flex;gap:var(--spacing-sm)}.social-link{width:36px;height:36px;border-radius:8px;background:var(--steel-gray-800);display:flex;align-items:center;justify-content:center;color:var(--steel-gray-400);transition:all var(--transition-fast)}.social-link svg{width:18px;height:18px}.social-link:hover{background:var(--steel-blue-500);color:#fff;transform:translateY(-2px)}.footer-heading{color:#fff;font-size:1rem;font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-.01em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:var(--steel-gray-400);text-decoration:none;font-size:.9rem;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.footer-links a:before{content:"→";opacity:0;transform:translate(-8px);transition:all var(--transition-fast);font-size:.8rem;color:var(--steel-blue-400)}.footer-links a:hover{color:var(--steel-blue-400);padding-left:4px}.footer-links a:hover:before{opacity:1;transform:translate(0)}.footer-bottom{border-top:1px solid var(--steel-gray-800);padding-top:var(--spacing-xl)}.footer-bottom-content{text-align:center}.copyright{font-size:.9rem;color:var(--steel-gray-400);margin-bottom:var(--spacing-sm)}.disclaimer{font-size:.8rem;color:var(--steel-gray-500);line-height:1.6;max-width:800px;margin:0 auto}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md)}a{color:var(--steel-blue-600);transition:color var(--transition-fast)}a:hover{color:var(--steel-blue-500)}code{font-family:var(--font-mono);background:var(--steel-gray-100);padding:2px 6px;border-radius:4px;font-size:.9em}@media(max-width:968px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.footer-brand{grid-column:1 / -1;max-width:100%}}@media(max-width:768px){.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--steel-gray-850);padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-xs);border-bottom:2px solid var(--steel-blue-500);box-shadow:0 20px 40px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-links.active{display:flex;animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-link{padding:.75rem 1rem;width:100%}.mobile-menu-btn{display:flex}.footer-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}@media(max-width:480px){.nav-content{height:64px}.logo-text{font-size:1.25rem}.logo-icon-wrapper{width:36px;height:36px}.logo-icon{width:20px;height:20px}.nav-links{top:64px}}.nav-link.nav-highlight{color:var(--accent-orange)!important;font-weight:700!important}.nav-link.nav-highlight:after{background:var(--accent-orange)!important}.nav-link.nav-highlight:hover{color:var(--accent-orange-light)!important}