*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background:#f5f7fa}#app{min-height:100vh;display:flex;flex-direction:column}.nav-bar{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-title{font-size:1.5rem;font-weight:600}.nav-title a{color:#fff;text-decoration:none}.nav-links{list-style:none;display:flex;gap:.5rem;flex-wrap:wrap}.nav-links a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;font-size:.9rem}.nav-links a:hover{background:hsla(0,0%,100%,.2)}.nav-links a.active{background:#fff;color:#667eea}.main-content{flex:1;padding:2rem}