:root{--primary-color: #0056b3;--secondary-color: #28a745;--bg-color: #f8f9fa;--text-color: #333}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.8rem 5%;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.logo{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.nav{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.header{flex-direction:row;justify-content:space-between;padding:1rem 5%;gap:2rem}.logo{font-size:1.5rem}.nav{gap:2rem}}.nav-item{text-decoration:none;color:#666;font-weight:500;transition:color .3s;font-size:.9rem}@media (min-width: 768px){.nav-item{font-size:1rem}}.nav-item:hover,.router-link-active{color:var(--primary-color)}.content{flex:1;padding:2rem 5%}.footer{background-color:#222;color:#ccc;padding:3rem 5% 1rem;margin-top:3rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:left;margin-bottom:2rem}.footer-section h3{color:#fff;margin-bottom:1.2rem;font-size:1.1rem;border-left:3px solid var(--primary-color);padding-left:.8rem}.footer-section p{margin:.5rem 0;font-size:.9rem;line-height:1.6}.footer-bottom{border-top:1px solid #444;padding-top:1.5rem;text-align:center;font-size:.8rem}.back-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 10px #0003;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:999;transition:all .3s}.back-top:hover{transform:translateY(-5px);background:#004494}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#f8f9fa}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#app{width:100%}h1,h2,h3{margin-top:0}a{color:inherit;text-decoration:none}