.anchor-link{position:relative;top:-100px;display:block;height:0;margin:0;padding:0;opacity:0;scroll-margin-top:200px!important}.block-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2rem;padding:1rem 1.5rem;text-align:left;background:linear-gradient(to right,#2a2a2acc,#2a2a2a00);border-bottom:1px solid var(--color-dark-red);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #1a1a1a;--color-bg-card: rgba(42, 42, 42, .42);--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-accent-orange: #ff6b35;--color-accent-orange-hover: #ff8555;--color-grey: #505050;--color-grey-light: #707070;--color-dark-red: #8b0000;--color-dark-red-hover: #a52a2a;--pcb-trace-primary: #00ff00;--pcb-trace-secondary: #ff6b35;--border-radius: 2px;--border-radius-sm: 5px;--border-radius-lg: 8px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--transition-speed: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--color-text-primary);background:var(--color-bg-primary);font-family:var(--font-family);line-height:1.6;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent-orange);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:var(--color-accent-orange-hover)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}h1,h2{font-size:2.5rem;margin-bottom:var(--spacing-md)}h3{font-size:1.8rem;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm)}.card{background:var(--color-bg-card);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ff6b3526}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-weight:500;text-align:center;cursor:pointer;transition:all var(--transition-speed);font-size:1rem;border:2px solid var(--color-dark-red);background:transparent;color:var(--color-grey)}.btn:hover{border-color:var(--color-dark-red-hover);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #8b00004d}.btn-primary{background:var(--color-accent-orange);color:var(--color-bg-primary);border-color:var(--color-accent-orange)}.btn-primary:hover{background:var(--color-accent-orange-hover);border-color:var(--color-accent-orange-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.btn-secondary{background:transparent;color:var(--color-grey);border:2px solid var(--color-dark-red)}.btn-secondary:hover{background:#8b00001a;border-color:var(--color-dark-red-hover);color:var(--color-text-primary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.page-enter-active,.page-leave-active{transition:opacity var(--transition-speed),transform var(--transition-speed)}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 var(--spacing-sm)}}.block-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-top:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;text-align:left;background:linear-gradient(to right,#2a2a2a4d,#2a2a2a00);border-bottom:1px solid var(--color-dark-red);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}
