:root{--navy:#002c62;--navy-2:#007cd6;--teal:#02c3c1;--ink:#04222b;--muted:#5a6b78;--line:#e2e8f0;--panel:#edf2f9;--signal:#02c3c1;--app-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--app-font);color:var(--ink);background:var(--panel);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--navy)}.app-bar{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--line);background:#ffffffb8;justify-content:space-between;align-items:center;gap:1rem;height:58px;padding:0 clamp(1rem,4vw,1.6rem);display:flex;position:sticky;top:0}@media (prefers-reduced-transparency:reduce){.app-bar{-webkit-backdrop-filter:none;background:#fff}}.brand{align-items:center;gap:.55rem;text-decoration:none;display:flex}.brand-mark{border-radius:7px;width:30px;height:30px;display:block}.brand-name{color:var(--ink);letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.brand-accent{color:var(--teal)}.brand-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--navy);background:var(--panel);border-radius:5px;padding:.18rem .45rem;font-size:.6rem;font-weight:600}.app-nav{align-items:center;gap:.2rem;display:flex}.app-nav a{color:var(--muted);border-radius:8px;padding:.45rem .8rem;font-size:.88rem;font-weight:600;text-decoration:none}.app-nav a:hover{background:var(--panel);color:var(--ink)}.app-nav a[aria-current=page]{color:var(--navy);background:var(--panel)}.app-main{padding:clamp(1.25rem,4vw,2.25rem) clamp(1rem,4vw,1.6rem) 4rem}.app-wrap{max-width:860px;margin:0 auto}