:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f8f9fa;--text-primary:#2c3e50;--text-secondary:#555;--text-muted:#666;--border-color:#e0e0e0;--accent-primary:#667eea;--accent-secondary:#764ba2;--card-shadow:0 2px 8px rgba(0,0,0,.08);--card-shadow-hover:0 12px 24px rgba(102,126,234,.2);--code-bg:#2c3e50;--code-text:#fff;--table-header:#667eea;--table-hover:#f8f9fa}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--text-primary:#e8e8e8;--text-secondary:#b8b8b8;--text-muted:#888;--border-color:#333;--card-shadow:0 2px 8px rgba(0,0,0,.3);--card-shadow-hover:0 12px 24px rgba(102,126,234,.4);--code-bg:#0d1117;--code-text:#c9d1d9;--table-header:#0f3460;--table-hover:#1a1a2e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);transition:background-color .3s ease,color .3s ease}.site-nav{background:var(--bg-secondary);padding:.75rem 0;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1}.site-nav .container{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.site-nav-logo{font-weight:700;font-size:1.1rem;color:var(--accent-primary);text-decoration:none;flex-shrink:0}.site-nav-links{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.site-nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem .65rem;border-radius:6px;transition:background .2s,color .2s;min-height:44px;display:inline-flex;align-items:center}.site-nav-links a:hover{color:var(--accent-primary);background:var(--bg-tertiary)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-shrink:0;min-width:44px;min-height:44px;justify-content:center;align-items:center;flex-direction:column}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text-primary);margin:5px 0;border-radius:2px;transition:transform .3s,opacity .3s}.nav-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.nav-toggle{display:flex}.navbar .nav-links,.site-nav-links{display:none;flex-direction:column;width:100%;gap:0;padding-top:.75rem;border-top:1px solid var(--border-color);margin-top:.75rem}.navbar .nav-links.open,.site-nav-links.open{display:flex}.navbar .nav-links a,.site-nav-links a{width:100%;padding:.75rem 1rem;font-size:1rem;border-radius:8px}.navbar .nav-container,.site-nav .container{flex-wrap:wrap}.navbar .theme-toggle{display:none}}.theme-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:2;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.3)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:3rem 1rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}header h1{font-size:3rem;margin-bottom:.5rem;font-weight:700}.tagline{font-size:1.3rem;margin-bottom:.3rem;font-weight:500}.subtitle{font-size:1rem;opacity:.9}main{padding:3rem 0}.intro{background:var(--bg-secondary);padding:2rem;border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:3rem;text-align:center}.intro h2{color:var(--accent-primary);margin-bottom:1rem;font-size:1.8rem}.intro p{font-size:1.1rem;color:var(--text-secondary);max-width:800px;margin:0 auto}section.tools{margin-bottom:4rem}section.tools h2{font-size:2rem;margin-bottom:.25rem;color:var(--text-primary);text-align:center}section.tools>p{color:var(--text-secondary);font-weight:600;font-size:1.05rem;margin-top:0;margin-bottom:1rem;text-align:center}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.tool-card{background:var(--bg-secondary);padding:2rem;border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .3s ease;box-shadow:var(--card-shadow);border:2px solid transparent;text-align:center}.tool-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover);border-color:var(--accent-primary)}.tool-card.interactive{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.tool-card.interactive:hover{box-shadow:0 12px 24px rgba(245,87,108,.3);border-color:#f5576c}.tool-card.interactive h3,.tool-card.interactive p{color:#fff}.icon{font-size:3rem;display:block;margin-bottom:1rem}.tool-card h3{color:var(--accent-primary);margin-bottom:.8rem;font-size:1.3rem;font-weight:600}.tool-card p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.vulnerability-card{background:var(--bg-secondary);padding:2rem;border-radius:12px;box-shadow:var(--card-shadow);margin-top:2.5rem}.vulnerability-card h2{color:var(--text-primary);margin-bottom:.5rem}.vulnerability-card p{color:var(--text-secondary)}.cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;border-radius:12px;text-align:center;box-shadow:0 8px 16px rgba(102,126,234,.3);margin-top:2.5rem}.cta h2{font-size:2rem;margin-bottom:1rem}.cta p{font-size:1.1rem;margin-bottom:1.5rem;opacity:.95}.cta-button{display:inline-block;background:#fff;color:#667eea;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15)}.cta-button:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.25)}.share-bar{position:fixed;left:0;top:50%;transform:translateY(-50%);flex-direction:column;gap:2px;z-index:2}.share-bar,.share-bar a{display:flex;overflow:hidden}.share-bar a{align-items:center;justify-content:center;width:44px;height:44px;max-height:44px;box-sizing:border-box;padding:0;margin:0;color:#fff;text-decoration:none;font-size:1.1rem;transition:width .3s ease}.share-bar svg{pointer-events:none}.share-bar a:hover{width:60px}.share-bar .share-linkedin{background:#0077b5}.share-bar .share-twitter{background:#1da1f2}.share-bar .share-reddit{background:#ff4500}.share-bar .share-copy{background:var(--accent-primary);cursor:pointer}.share-bar svg{width:20px;height:20px;fill:#fff;flex-shrink:0}@media (max-width:768px){.share-bar{position:fixed;left:auto;right:0;top:auto;bottom:80px;transform:none;flex-direction:column;gap:1px}.share-bar a{width:44px;height:44px;border-radius:8px 0 0 8px}.share-bar a:hover{width:52px}.theme-toggle{bottom:20px}}footer{background:var(--code-bg);color:var(--code-text);text-align:center;padding:2rem 1rem;margin-top:4rem}footer p{margin:.5rem 0}footer a{color:var(--accent-primary);text-decoration:none;font-weight:500}footer a:hover{text-decoration:underline}.content-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 1rem;text-align:center;margin-bottom:2rem}.content-header h1{font-size:2.5rem;margin-bottom:.5rem}.content-header p{font-size:1.1rem;opacity:.9}.content-wrapper{background:var(--bg-secondary);padding:2.5rem;border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:2rem}.content-wrapper h2{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.content-wrapper h2:first-child{margin-top:0;padding-top:0;border-top:none}.content-wrapper ol,.content-wrapper ul{padding-left:1.75rem;margin:1rem 0}.content-wrapper li{margin-bottom:.4rem;line-height:1.6}.back-link{display:inline-block;color:var(--accent-primary);text-decoration:none;font-weight:500;margin-top:2rem;margin-bottom:1.5rem;padding:.8rem 1.5rem;border:2px solid var(--accent-primary);border-radius:8px;transition:all .3s ease}.back-link:hover{background:var(--accent-primary);color:#fff}.vuln-item{background:var(--bg-tertiary);padding:1.5rem;margin-bottom:1.5rem;border-radius:8px;border-left:4px solid var(--accent-primary)}.vuln-item h2{color:#e74c3c;font-size:1.4rem;margin-bottom:1rem}[data-theme=dark] .vuln-item h2{color:#f87171}.vuln-item h3{color:var(--accent-primary);font-size:1.2rem;margin:1rem 0 .5rem}.vuln-item p{margin:.5rem 0;line-height:1.6;color:var(--text-primary)}.vuln-item strong{color:var(--text-primary);font-weight:600}.vuln-item code{padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}.vuln-item code,.vuln-item pre{background:var(--code-bg);color:var(--code-text)}.vuln-item pre{padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0}.vuln-item pre code{background:none;padding:0}.vuln-item li{color:var(--text-primary)}.detailed-link{display:inline-block;color:var(--accent-primary);text-decoration:none;font-weight:500;margin-top:.5rem;transition:color .3s ease}.detailed-link:hover{color:var(--accent-secondary);text-decoration:underline}table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--bg-secondary);box-shadow:var(--card-shadow)}td,th{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}th{background:var(--table-header);color:#fff;font-weight:600}tr:hover{background:var(--table-hover)}.code-block{background:var(--code-bg);color:var(--code-text);padding:1.5rem;border-radius:8px;margin:1rem 0;overflow-x:auto}.code-block code{font-family:Courier New,monospace;font-size:.95rem;line-height:1.6}.warning-box{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.info-box,.warning-box{padding:1rem;margin:1rem 0;border-radius:4px}.info-box{background:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.success-box{background:#d4edda;border-left:4px solid #28a745;padding:1rem;margin:1rem 0;border-radius:4px;color:#155724}.tool-form{background:var(--bg-tertiary);padding:2rem;border-radius:8px;margin:2rem 0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:.8rem;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;transition:border-color .3s ease;background:var(--bg-secondary);color:var(--text-primary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary)}.btn{background:var(--accent-primary);color:#fff;padding:1rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.result-box{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;margin-top:1.5rem;border:2px solid var(--accent-primary);color:var(--text-primary)}.result-box h3{color:var(--accent-primary);margin-bottom:1rem}@media (max-width:768px){header h1{font-size:2rem}.tagline{font-size:1.1rem}.tool-grid{grid-template-columns:1fr}.content-wrapper{padding:1.5rem}table{font-size:.9rem}td,th{padding:.6rem}}.key-takeaways{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-left:4px solid var(--accent-primary);border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;margin:1.5rem 0}[data-theme=dark] .info-box{background:#1a3a42;border-left-color:#17a2b8;color:#a8e6f0}[data-theme=dark] .warning-box{background:#3d2e00;border-left-color:#fbbf24;color:#fef3c7}[data-theme=dark] .success-box{background:#1a3a2a;border-left-color:#10b981;color:#a7f3d0}[data-theme=dark] .key-takeaways{background:linear-gradient(135deg,#1a1a3e,#16213e)}.key-takeaways h2{font-size:1.1rem;margin:0 0 .75rem;color:var(--accent-primary)}.key-takeaways ul{margin:0;padding-left:1.25rem}.key-takeaways li{margin-bottom:.4rem;font-size:.95rem;line-height:1.5}.bump-chart-section{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;box-shadow:var(--card-shadow);margin:1.5rem 0}.bump-chart-section h2{font-size:1.3rem;margin:0 0 .25rem;color:var(--text-primary)}.bump-chart-section .chart-subtitle{font-size:.9rem;color:var(--text-muted);margin:0 0 1rem}.bump-chart-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.bump-line{transition:opacity .25s ease}.bump-line.dimmed{opacity:.12}.bump-dot{transition:r .15s ease}.bump-label{cursor:pointer;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.bump-chart-section{padding:1rem}}@media (max-width:960px){.container{padding:0 1rem}}@media (max-width:480px){header h1{font-size:1.6rem}.tagline{font-size:1rem}.container{padding:0 .75rem}.content-wrapper{padding:1rem}td,th{padding:.4rem;font-size:.8rem}}@media (max-width:360px){.container{padding:0 .5rem}.content-wrapper{padding:.75rem}header{padding:2rem .5rem}header h1{font-size:1.4rem}.tagline{font-size:.9rem}.cta{padding:2rem 1rem}.cta h2{font-size:1.5rem}}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem;overflow:hidden}.faq-item summary{padding:1rem 1.25rem;font-weight:600;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;font-size:1.2rem;color:var(--text-muted)}.faq-item[open] summary:after{content:"\2212"}.faq-item p{padding:0 1.25rem 1rem;color:var(--text-secondary);line-height:1.6}