*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}.app{min-height:100vh}.header{background:#2c3e50;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:1.5rem}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{width:28px;height:28px;color:#3498db}.header nav{display:flex;gap:1.5rem}.header nav a{color:#fff;text-decoration:none;opacity:.8;transition:opacity .2s}.header nav a:hover,.header nav a.router-link-active{opacity:1}main{padding:2rem;max-width:1200px;margin:0 auto}