.app-container{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.main-header{background:var(--surface-1);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-xs);z-index:100;padding:10px 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.logo-section{flex-shrink:0}.logo-link{color:var(--text-primary);letter-spacing:-.5px;transition:var(--transition-button);font-size:1.6rem;font-weight:700;text-decoration:none;position:relative}.logo-link:hover{opacity:.9}.logo-link:active{opacity:.85}.desktop-nav{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition-button);border-radius:8px;padding:8px 14px;font-size:.92rem;font-weight:500;text-decoration:none;position:relative}.nav-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-link.active{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color)}.nav-link.active:before{content:"";background:var(--accent-primary);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:16px;right:16px}.content{max-width:var(--container-max-width);flex-direction:column;flex:1;justify-content:flex-start;width:100%;margin:0 auto;padding:16px 20px;display:flex;overflow-y:auto}.content h2{color:var(--text-primary);text-align:center;margin-bottom:10px;font-size:1.75rem;font-weight:700}.content p{color:var(--text-secondary);text-align:center;margin-bottom:16px;font-size:1rem;line-height:1.6}