body,html{background-color:#f9fafb;color:#333;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;margin:0;padding:0}::-webkit-scrollbar{background:#f5f7fa;width:8px}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}pre{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;line-height:1.5;overflow-x:auto;padding:20px}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem}code{background:#f1f3f4;border-radius:4px;color:#d73a49;padding:2px 6px;white-space:pre-wrap}pre code{background:none;color:inherit;padding:0}@media (max-width:768px){body,html{font-size:15px}.container{padding:0 15px}}@media (max-width:480px){body,html{font-size:14px}}:root{--primary:#3498db;--primary-dark:#2980b9;--secondary:#2c3e50;--accent:#e74c3c;--light:#f8f9fa;--gray:#e0e0e0;--dark-gray:#7f8c8d;--border:#e0e0e0;--shadow:0 4px 12px rgba(0,0,0,.08);--radius:8px;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9fafb;color:#333;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}header{background-color:#fff;box-shadow:var(--shadow);height:78px;position:sticky;top:0;z-index:100}.navbar{justify-content:space-between;padding:20px 0}.logo,.navbar{align-items:center;display:flex}.logo{color:var(--secondary);font-size:24px;font-weight:700;gap:12px;text-decoration:none}.logo-icon{height:28px;width:28px}.nav-links{display:flex;gap:30px}.nav-link{color:var(--secondary);font-weight:500;position:relative;text-decoration:none;transition:var(--transition)}.nav-link.active,.nav-link:hover{color:var(--primary)}.nav-link.active:after{background-color:var(--primary);border-radius:2px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:100%}.github-link{align-items:center;color:#222;display:flex;font-size:1.25em;padding-left:6px;transition:color .2s}.github-link:hover{color:var(--primary)}main{min-height:calc(100vh - 200px)}footer{background:var(--secondary);color:#fff;padding:60px 0 30px}.footer-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin-bottom:40px}.footer-col{min-width:200px}.footer-col h3{color:#fff;font-size:1.2rem;margin-bottom:20px}.footer-col p{color:#bdc3c7;margin-bottom:20px;max-width:280px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#bdc3c7;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:#fff}.copyright{border-top:1px solid hsla(0,0%,100%,.1);color:#bdc3c7;font-size:.9rem;padding-top:30px;text-align:center}@media (max-width:768px){.nav-links{gap:20px}.footer-content{flex-direction:column;gap:30px}.footer-col{min-width:auto}}