:root{--bg:#0f111a;--bg-alt:#151a24;--text:#e4e6eb;--primary:#35aaff;--border:#1e2330;--hover:#1f2937}[data-theme=light]{--bg:#ffffff;--bg-alt:#f9fafb;--text:#1f2937;--primary:#0070f3;--border:#e5e7eb;--hover:#e2e8f0}.layout{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh}.top-nav{display:flex;justify-content:space-between;align-items:center;background:var(--bg-alt);padding:1rem 2rem;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{font-size:1.25rem;font-weight:700;color:var(--primary)}.hamburger{font-size:1.5rem;background:none;border:none;color:var(--text);display:none}.nav-links{display:flex;align-items:center;gap:1rem}.nav-button,.nav-links a{text-decoration:none;color:var(--text);padding:.5rem .75rem;border-radius:4px;transition:background .2s ease;background:none;border:none;cursor:pointer}.nav-button:hover,.nav-links a.active,.nav-links a:hover{background:var(--hover);color:var(--primary)}@media (max-width:768px){.hamburger{display:block}.nav-links{position:absolute;top:64px;right:0;flex-direction:column;background:var(--bg-alt);border-left:1px solid var(--border);width:200px;padding:1rem;display:none}.nav-links.open{display:flex}}.content{padding:2rem}input{width:100%;padding:.75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-alt);color:var(--text)}input:focus{outline:none;border-color:var(--primary)}button.btn.primary{padding:.75rem;border:none;border-radius:6px;background:var(--primary);color:white;font-weight:700;cursor:pointer}button.link-btn{background:none;border:none;color:var(--primary);cursor:pointer;text-decoration:underline}button.link-btn:hover{color:var(--hover)}