:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-footer: #222222;--text-main: #333333;--text-muted: #6c757d;--text-light: #f4f4f4;--accent-color: #007bff;--accent-hover: #0056b3;--accent-rgb: 0, 123, 255;--color-success: #2ecc71;--color-success-bg: #d4edda;--color-error: #e74c3c;--color-error-text: #dc3545;--border-color: #eaeaea;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08)}body.dark-theme{--bg-primary: #161b22;--bg-secondary: #0d1117;--bg-footer: #010409;--text-main: #e6edf3;--text-muted: #8b949e;--accent-color: #3b82f6;--accent-hover: #60a5fa;--accent-rgb: 59, 130, 246;--border-color: #30363d;--shadow-sm: 0 0 0 1px var(--border-color);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5)}body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-main);background-color:var(--bg-secondary)}a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:color .2s ease,text-decoration .2s ease}a:hover,a:focus{color:var(--accent-hover);text-decoration:underline;text-underline-offset:4px}.content-card{padding:1.5rem;border-radius:var(--radius-md);background-color:var(--bg-primary);box-shadow:var(--shadow-sm);transition:all .3s ease;margin-bottom:1rem;scroll-margin-top:120px}.content-card h3{margin-top:0;color:var(--accent-color)}.content-card.active-target{animation:highlight-pulse 2s ease-out}.page-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.section-title{font-size:1.8rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.tech-badge{display:inline-block;padding:.3rem .8rem;margin:.25rem .4rem .25rem 0;font-size:.85rem;font-weight:600;border-radius:50px;text-decoration:none;transition:all .2s ease;color:var(--accent-color);background-color:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.9)}.tech-badge:hover,.tech-badge:focus{text-decoration:none;background-color:rgba(var(--accent-rgb),.2);border-color:var(--accent-color);transform:translateY(-2px)}@keyframes highlight-pulse{0%{background-color:rgba(var(--accent-rgb),.15);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.5);transform:scale(1.02)}to{background-color:var(--bg-primary);box-shadow:var(--shadow-sm);transform:scale(1)}}@media(max-width:768px){.page-container{padding:1.5rem .5rem}.content-card{padding:1rem}.section-title{font-size:1.5rem}.content-card h3{font-size:1.2rem}}