.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;transition:padding .3s var(--ease-out-expo),opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.header.hidden{opacity:0;transform:translateY(-120%);pointer-events:none;filter:blur(4px);transition:padding .3s var(--ease-out-expo),opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1)}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--border-light);background:linear-gradient(120deg,#101219d1,#14171f9e);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);box-shadow:0 12px 30px -18px #000c,0 0 0 1px #ffffff08 inset;transition:border-color .3s var(--ease-out-expo),background .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo)}.header.scrolled{padding:.75rem 0}.header.scrolled .header-inner{border-color:var(--border);background:linear-gradient(120deg,#0c0d13eb,#14171fd1);box-shadow:0 14px 34px -18px #000000e6,0 0 26px -18px var(--teal-500),0 0 0 1px #ffffff0a inset}.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;transition:opacity .2s}.logo:hover{opacity:.9}.logo-icon{width:34px;height:34px;border-radius:8px;object-fit:contain}.logo-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.08em;color:hsl(var(--text-primary))}.nav{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem;border-radius:999px;border:1px solid var(--border-light);background:#0c0d138c}.nav-link{font-size:.8125rem;font-weight:500;color:var(--slate-300);text-decoration:none;padding:.45rem .8rem;border-radius:999px;transition:color .2s var(--ease-out-expo),background .2s var(--ease-out-expo),transform .2s var(--ease-out-expo)}.nav-link:hover{color:var(--teal-400);background:#1fada21f;transform:translateY(-1px)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--border-light);background:transparent;color:var(--slate-300);cursor:pointer;transition:color .2s var(--ease-out-expo),background .2s var(--ease-out-expo),border-color .2s var(--ease-out-expo)}.theme-toggle:hover{color:var(--teal-400);background:#1fada21f;border-color:var(--border)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem}.nav-mobile-actions{display:none}.mobile-menu-btn{display:none;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:10px;border:1px solid var(--border-light);background:#0c0d138c;cursor:pointer}.mobile-menu-btn span{width:18px;height:2px;border-radius:2px;background:var(--slate-300);transition:all .3s}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:999px;border:none;cursor:pointer;text-decoration:none;transition:background .2s var(--ease-out-expo),color .2s var(--ease-out-expo),box-shadow .2s var(--ease-out-expo),transform .2s var(--ease-out-expo),border-color .2s var(--ease-out-expo)}.btn-sm{padding:.4rem .85rem;font-size:.8125rem}.btn-primary{background:var(--teal-500);color:hsl(var(--text-inverse))}.btn-primary:hover{background:var(--teal-400);transform:translateY(-1px);box-shadow:0 4px 20px #1fada266}.btn-outline{background:transparent;color:var(--slate-300);border:1px solid var(--border)}.btn-outline:hover{background:#24283873;color:hsl(var(--text-primary));border-color:var(--slate-500)}.btn-glow-subtle{box-shadow:0 0 10px #1fada226}.btn-glow-subtle:hover{box-shadow:0 0 16px #1fada24d,0 4px 20px #1fada233}@media(max-width:768px){.header{padding:.75rem 0}.header-inner{display:flex;justify-content:space-between;border-radius:14px;padding:.45rem .6rem}.logo-text{font-size:.95rem}.nav{position:fixed;top:76px;left:1rem;right:1rem;padding:1rem;gap:.5rem;border-radius:20px;border:1px solid var(--border);background:linear-gradient(130deg,#101219f5,#14171feb);box-shadow:0 20px 40px -24px #000000e6;flex-direction:column;align-items:stretch;transform:translateY(-10px) scale(.98);opacity:0;pointer-events:none;transition:transform .25s var(--ease-out-expo),opacity .25s var(--ease-out-expo)}.nav.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.nav-link{font-size:1rem;padding:.75rem .9rem;border-radius:10px}.header-actions{display:none}.mobile-menu-btn{display:flex}.nav-mobile-actions{display:flex;gap:.5rem;margin-top:.5rem}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .header-inner{background:linear-gradient(120deg,var(--surface-dark),var(--surface));box-shadow:0 12px 30px -18px #0000001f,0 0 0 1px var(--border-light) inset}:root:not([data-theme=dark]) .header.scrolled .header-inner{background:linear-gradient(120deg,var(--surface-dark),var(--surface));box-shadow:0 14px 34px -18px #0000001f,0 0 26px -18px var(--teal-500),0 0 0 1px var(--border-light) inset}:root:not([data-theme=dark]) .nav{background:var(--surface-dark)}:root:not([data-theme=dark]) .mobile-menu-btn{background:var(--surface-dark)}:root:not([data-theme=dark]) .btn-outline:hover{background:var(--surface-light)}:root:not([data-theme=dark]) .logo-text{color:hsl(var(--text-primary))}}:root[data-theme=light] .header-inner{background:linear-gradient(120deg,var(--surface-dark),var(--surface));box-shadow:0 12px 30px -18px #0000001f,0 0 0 1px var(--border-light) inset}:root[data-theme=light] .header.scrolled .header-inner{background:linear-gradient(120deg,var(--surface-dark),var(--surface));box-shadow:0 14px 34px -18px #0000001f,0 0 26px -18px var(--teal-500),0 0 0 1px var(--border-light) inset}:root[data-theme=light] .nav{background:var(--surface-dark)}:root[data-theme=light] .mobile-menu-btn{background:var(--surface-dark)}:root[data-theme=light] .btn-outline:hover{background:var(--surface-light)}:root[data-theme=light] .logo-text{color:hsl(var(--text-primary))}@media(max-width:768px){@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .nav{background:linear-gradient(130deg,var(--surface-dark),var(--surface));box-shadow:0 20px 40px -24px #0000001f}}:root[data-theme=light] .nav{background:linear-gradient(130deg,var(--surface-dark),var(--surface));box-shadow:0 20px 40px -24px #0000001f}}.footer{padding:4rem 0 2rem;border-top:1px solid var(--border);background:linear-gradient(120deg,#0c0d13fa,#14171ff2);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);position:relative;z-index:10}.footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem;margin-bottom:3rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.125rem;color:var(--teal-400);margin-bottom:.75rem;text-decoration:none}.footer-logo .logo-icon{width:28px;height:28px;object-fit:contain}.footer-tagline{font-size:.875rem;color:var(--slate-500);max-width:250px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-column h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-400);margin-bottom:1rem}.footer-column a{display:block;font-size:.875rem;color:var(--slate-500);margin-bottom:.5rem;transition:color .2s}.footer-column a:hover{color:var(--teal-400)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--border-light)}.copyright{font-size:.8125rem;color:var(--slate-500)}.built-with{font-size:.8125rem;color:var(--slate-600)}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2.5rem}.footer-links{grid-template-columns:1fr}}