.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.layout{flex-direction:column;min-width:1600px;min-height:100vh;display:flex}.navbar{background:#162f60;grid-template-columns:1fr auto 1fr;align-items:center;height:60px;padding:0 24px;display:grid;box-shadow:0 2px 8px #00000040}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-name{color:#e6dbcc;letter-spacing:.03em;white-space:nowrap;text-align:center;font-size:2rem;font-weight:600;line-height:1}.nav-links{justify-content:flex-end;gap:8px;display:flex}.nav-btn{color:#e8d9b0;letter-spacing:.02em;border:1.5px solid #c9a84c73;border-radius:999px;padding:6px 18px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-block}.nav-btn:hover{color:#e6dbcc;background:#c9a84c26;border-color:#e6dbcc}.nav-btn.active{color:#1a3a2a;background:#e6dbcc;border-color:#e6dbcc;font-weight:600}.main-content{flex:1;padding:32px 24px}.footer{text-align:center;color:#080e3e;background:#f2ede7;border-top:1px solid #e6dbcc;padding:16px 24px;font-size:.8rem}