#root{width:100%;min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header-wrapper{color:#fff;z-index:1000;background-color:#3f51b5;width:100%;position:sticky;top:0;box-shadow:0 4px 5px #00000024,0 1px 10px #0000001f,0 2px 4px -1px #0003}.app-footer{width:100%;max-width:1400px;margin:0 auto;padding:1rem 1.5rem}.app-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex}.app-brand{align-items:center;gap:.9rem;display:flex}.app-logo{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:inline-flex;box-shadow:0 2px 5px #0003}.app-brand h1{letter-spacing:-.03em;margin:0;font-size:1.35rem}.app-brand p{color:#ffffffd9;margin:.15rem 0 0;font-size:.98rem}.app-nav a{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#ffffff1a;border-radius:4px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:inline-block}.app-nav a:hover,.app-nav a:focus-visible{background:#fff3;box-shadow:0 2px 4px #00000026}.app-content{flex:1;width:100%}.app-footer{color:#666;border-top:1px solid #eaeaea;flex-direction:column;gap:.35rem;margin-bottom:1.5rem;display:flex}.app-footer p{margin:.35rem 0;font-size:.95rem}@media (max-width:768px){.app-header,.app-footer{padding:1rem}.app-header{flex-direction:column;align-items:flex-start}.app-nav a{text-align:center;width:100%}}