.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-title{margin:0;font-size:1.5rem;font-weight:700}.header-title a{color:#fff;text-decoration:none;transition:opacity .2s}.header-title a:hover{opacity:.8}.header-nav{display:flex;gap:1rem;flex-wrap:wrap}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s;font-size:.9rem}.nav-link:hover{background-color:#fff3}.nav-link.active{background-color:#ffffff4d;font-weight:700}@media(max-width:768px){.header-container{flex-direction:column;align-items:flex-start}.header-nav{width:100%}.nav-link{flex:1;text-align:center;min-width:120px}}.app-footer{background:linear-gradient(135deg,#434343,#000);color:#fff;padding:2rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-text{margin:0;font-size:.9rem;opacity:.9}.footer-links{display:flex;gap:1rem}.footer-link{color:#fff;text-decoration:none;padding:.5rem;border-radius:4px;transition:all .2s;font-size:.9rem;display:flex;align-items:center;justify-content:center}.footer-link:hover{background-color:#fff3;transform:scale(1.1)}.footer-link svg{transition:transform .2s}@media(max-width:768px){.footer-container{flex-direction:column;text-align:center}}body{font-family:Gordita,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding-top:80px}a{margin-right:1rem}main{text-align:center;padding:1em;margin:0 auto}h1{color:#335d92;text-transform:uppercase;font-size:4rem;font-weight:100;line-height:1.1;margin:4rem auto;max-width:14rem}p{max-width:14rem;margin:2rem auto;line-height:1.35}@media(min-width:480px){h1,p{max-width:none}}