:root{--primary-color: #42b9e7;font-family:Roboto,sans-serif;line-height:1.5}body{background-color:#fff;margin:0}.navbar{background-color:#fff;padding:15px;display:flex;justify-content:center;align-items:center;gap:20px}.navbar a{color:var(--primary-color);font-weight:700;text-decoration:none;font-size:1.2em;transition:all .3s ease}.navbar a:hover{background-color:var(--primary-color);color:#fff}h1{font-size:2.5em;margin-bottom:1em;color:#000}#router-view{margin-top:40px;max-width:800px;margin-left:auto;margin-right:auto;padding:20px}.home{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/vite.svg);background-repeat:no-repeat;background-size:contain;background-position:center;color:#fff}.home h1,.home p{text-align:center}.home p{font-size:1.2em;color:#000;text-shadow:1px 1px 2px #fff}.page-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:calc(100vh - 100px)}.navbar[data-v-d94d6098]{background-color:#f0f0f0;padding:10px 0;display:flex;justify-content:center;gap:20px;box-shadow:0 2px 4px #ccc}.nav-link[data-v-d94d6098]{text-decoration:none;color:#333;font-weight:700;font-size:18px;transition:background-color .3s ease;padding:5px 10px;border-radius:5px}.nav-link[data-v-d94d6098]:hover{background-color:#e0e0e0}.router-view-container[data-v-d94d6098]{margin-top:20px}