.header{z-index:60;border-bottom:1px solid var(--color-ocean-300);background:color-mix(in srgb, var(--color-white) 84%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:64px;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 16px;display:flex}.logo-link{color:var(--color-ocean-900);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo-mark{letter-spacing:.06em;width:40px;height:40px;color:var(--color-white);background:linear-gradient(130deg, var(--color-ocean-500), var(--color-teal-600));box-shadow:0 8px 20px color-mix(in srgb, var(--color-ocean-700) 35%, transparent);border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:inline-flex}.logo-image{width:150px;height:auto;display:block}.header-nav{align-items:center;gap:.35rem;display:inline-flex}.header-nav-link{color:var(--color-ocean-900);border-radius:999px;padding:.45rem .75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s}.header-nav-link:hover{background:color-mix(in srgb, var(--color-ocean-100) 72%, var(--color-white))}.header-nav-link.active{color:var(--color-white);background:linear-gradient(120deg, var(--color-ocean-700), var(--color-ocean-500))}.logo-link:focus-visible,.header-nav-link:focus-visible{outline:3px solid var(--color-teal-400);outline-offset:2px}@media (width>=768px){.header{height:85px}.header-content{padding:0 24px}.logo-image{width:250px}}@media (width>=1024px){.header-content{padding:0 32px}}.app-footer{border-top:1px solid color-mix(in srgb, var(--color-ocean-300) 65%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-sand-100) 55%, var(--color-white)) 0%, var(--color-white) 100%)}.footer-content{max-width:1200px;color:var(--color-gray-800);flex-direction:column;align-items:flex-start;gap:.75rem;margin:0 auto;padding:22px 16px;display:flex}.footer-content p{margin:0;font-size:.95rem}.footer-content a{color:var(--color-ocean-700);text-underline-offset:.2em;font-weight:600;text-decoration-thickness:.08em}.footer-content a:hover{color:var(--color-ocean-900)}.footer-content a:focus-visible{outline:3px solid var(--color-teal-400);outline-offset:3px}@media (width>=768px){.footer-content{flex-direction:row;justify-content:space-between;align-items:center;padding:24px}}@media (width>=1024px){.footer-content{padding:24px 32px}}