:root{--color-primary: #2356A4;--color-primary-light: #E6EEFA;--color-accent: #0D9488;--color-accent-light: #CCFBF1;--color-text-main: #0F172A;--color-text-muted: #475569;--color-bg-base: #FFFFFF;--color-bg-card: #FAFAF9;--border-thick: 1.5px solid #0F172A;--border-thin: 1px solid #E2E8F0;--radius-md: 8px;--radius-sm: 4px;--shadow-tactile: 0 4px 12px -2px rgba(35, 86, 164, .06), 3px 3px 0px 0px #2356A4;--shadow-tactile-hover: 0 2px 6px -1px rgba(35, 86, 164, .1), 1.5px 1.5px 0px 0px #2356A4;--shadow-teal: 0 4px 12px -2px rgba(13, 148, 136, .06), 3px 3px 0px 0px #0D9488;--shadow-teal-hover: 0 2px 6px -1px rgba(13, 148, 136, .1), 1.5px 1.5px 0px 0px #0D9488;--shadow-black: 0 4px 12px -2px rgba(15, 23, 42, .06), 3px 3px 0px 0px #0F172A;--shadow-black-hover: 0 2px 6px -1px rgba(15, 23, 42, .1), 1.5px 1.5px 0px 0px #0F172A;--transition-tactile: transform .12s cubic-bezier(.34, 1.56, .64, 1), box-shadow .12s cubic-bezier(.34, 1.56, .64, 1), background-color .2s ease, border-color .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg-base);color:var(--color-text-main);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;display:flex;flex-direction:column}nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-bottom:var(--border-thick);background:var(--color-bg-base);position:sticky;top:0;z-index:100}.nav-logo{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:700;color:#2356a4;text-decoration:none;font-size:1.15rem}.nav-logo:hover{text-decoration:none;color:#2356a4}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:.95rem;font-family:Space Grotesk,sans-serif;font-weight:500;transition:var(--transition-tactile)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--color-primary)}.nav-app-link{background:var(--color-primary)!important;color:#fff!important;padding:.4rem .9rem;border:var(--border-thick);border-radius:var(--radius-sm);font-weight:700!important;box-shadow:2px 2px #0f172a;transition:var(--transition-tactile)}.nav-app-link:hover{transform:translate(1px,1px)!important;box-shadow:1px 1px #0f172a!important;background:#1b427e!important}.tag{display:inline-block;font-family:Space Grotesk,sans-serif;font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;color:var(--color-text-muted);border:1px solid #E2E8F0;border-radius:var(--radius-sm);padding:3px 8px;text-decoration:none;transition:var(--transition-tactile)}.tag:hover{background:#f1f5f9;color:var(--color-text-main);border-color:var(--color-primary);transform:translateY(-1px)}.tag-primary{background:var(--color-primary-light);color:var(--color-primary);border-color:#bfdbfe}.tag-primary:hover{background:#d3e4fd;border-color:var(--color-primary)}.tag-accent{background:var(--color-accent-light);color:var(--color-accent);border-color:#99f6e4}.tag-accent:hover{background:#99f6e4;border-color:var(--color-accent)}.footer{flex-shrink:0;width:100%;padding:2rem;border-top:var(--border-thin);text-align:center;font-size:.85rem;color:var(--color-text-muted);font-family:Space Grotesk,sans-serif;background:var(--color-bg-base)}.footer a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:var(--transition-tactile)}.footer a:hover{color:#1b427e;text-decoration:underline}.footer-btn{background:none;border:none;padding:0;margin:0;color:var(--color-primary);font-family:inherit;font-size:inherit;text-decoration:underline;cursor:pointer;transition:var(--transition-tactile)}.footer-btn:hover{color:#1b427e}@media(max-width:640px){nav{align-items:flex-start;gap:1rem;padding:1rem 1.5rem}.nav-logo{font-size:1rem;max-width:8rem;line-height:1.2}.nav-links{flex:1 1 auto;justify-content:flex-end;flex-wrap:wrap;gap:.75rem;min-width:0}.nav-links a{font-size:.85rem;white-space:nowrap}.nav-app-link{padding:.35rem .65rem}.tag{font-size:.68rem;padding:3px 7px;white-space:normal}}