*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f0f4f8;--color-surface: #ffffff;--color-navy: #0f172a;--color-navy-mid: #1e293b;--color-cyan: #06b6d4;--color-cyan-dark: #0891b2;--color-green: #10b981;--color-text: #1e293b;--color-muted: #64748b;--color-border: #e2e8f0;--color-accent-bg: #ecfeff;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 4px 6px rgba(0,0,0,.07), 0 10px 30px rgba(0,0,0,.1);--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-cyan-dark);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--color-border)}@media(max-width:768px){.container{padding:0 16px}}.site-header{background:var(--color-navy);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:200}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none}.logo--footer{font-size:1rem}.logo-dot{color:var(--color-cyan)}.header-nav{display:flex;align-items:center;gap:4px}.header-nav>a{color:#ffffffb3;font-size:.875rem;font-weight:500;padding:6px 12px;border-radius:6px;text-decoration:none;transition:color .15s,background .15s}.header-nav>a:hover,.header-nav>a.active{color:#fff;background:#ffffff14;text-decoration:none}.nav-dropdown{position:relative}.nav-dropdown-btn{display:flex;align-items:center;gap:4px;color:#ffffffb3;font-size:.875rem;font-weight:500;padding:6px 12px;border-radius:6px;background:none;border:none;cursor:pointer;transition:color .15s,background .15s}.nav-dropdown-btn:hover{color:#fff;background:#ffffff14}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;background:var(--color-navy-mid);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);min-width:200px;padding:6px;box-shadow:0 8px 32px #0006;z-index:300}.nav-dropdown-menu.open{display:block}.nav-dropdown-menu a{display:block;color:#ffffffbf;font-size:.85rem;padding:8px 12px;border-radius:6px;text-decoration:none;transition:color .1s,background .1s}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{color:#fff;background:#06b6d426;text-decoration:none}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.mobile-menu-btn span{display:block;width:22px;height:2px;background:#ffffffb3;border-radius:2px;transition:opacity .2s}.mobile-menu{display:none;flex-direction:column;background:var(--color-navy-mid);padding:12px 20px 16px;border-top:1px solid rgba(255,255,255,.08)}.mobile-menu.open{display:flex}.mobile-menu a{color:#ffffffbf;font-size:.9rem;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none}.mobile-menu a:last-child{border-bottom:none}.mobile-menu-label{color:var(--color-cyan);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:12px 0 4px}@media(max-width:900px){.header-nav{display:none}.mobile-menu-btn{display:flex}}.tools-bar{background:var(--color-navy-mid);border-bottom:1px solid rgba(255,255,255,.08)}.tools-bar-inner{display:flex;align-items:center;gap:2px;padding:0 20px;max-width:1200px;margin:0 auto;overflow-x:auto;scrollbar-width:none}.tools-bar-inner::-webkit-scrollbar{display:none}.tools-bar-link{white-space:nowrap;color:#fff9;font-size:.8rem;font-weight:500;padding:8px 12px;border-radius:0;text-decoration:none;transition:color .15s,background .15s;flex-shrink:0}.tools-bar-link:hover,.tools-bar-link.active{color:var(--color-cyan);background:#06b6d414;text-decoration:none}.tools-bar-sep{white-space:nowrap;color:#ffffff40;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:0 8px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.1);margin-left:6px;align-self:center}.site-footer{background:var(--color-navy);border-top:1px solid rgba(255,255,255,.06);margin-top:auto}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px}.footer-links{display:flex;gap:16px}.footer-links a{color:#ffffff73;font-size:.8rem;text-decoration:none}.footer-links a:hover{color:#ffffffb3;text-decoration:none}.footer-friends{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#ffffff40}.footer-friends a{color:#ffffff4d;text-decoration:none}.footer-friends a:hover{color:#ffffff80;text-decoration:none}@media(max-width:600px){.footer-inner{flex-direction:column;align-items:flex-start}}