:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#007bff;text-decoration:inherit}a:hover{color:#0056b3}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#007bff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn-primary{display:inline-block;padding:12px 30px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;font-weight:600;transition:background-color .3s ease}.btn-primary:hover{background-color:#0056b3;color:#fff}#app{width:100%;margin:0 auto;text-align:left}.reveal-before{opacity:0;transform:translateY(16px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-active{opacity:1;transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#fff}#app{width:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:10px}.navbar-brand .logo{font-size:1.8rem;font-weight:700;color:#007bff;text-decoration:none;display:flex;align-items:center;gap:10px}.logo-icon{width:250px;height:auto;object-fit:contain;background-color:transparent;border-radius:4px}.navbar-menu{display:flex;gap:30px}.nav-item{color:#333;text-decoration:none;font-weight:600;transition:color .3s ease}.nav-item:hover{color:#007bff}.nav-item.router-link-active{color:#007bff;border-bottom:2px solid #007bff;padding-bottom:5px}.main-content{margin-top:80px;min-height:calc(100vh - 280px)}.route-fade-enter-active,.route-fade-leave-active{transition:opacity .25s ease-out,transform .25s ease-out}.route-fade-enter-from,.route-fade-leave-to{opacity:0;transform:translateY(8px)}.footer{background-color:#f8f9fa;color:#333;padding:60px 20px 30px;margin-top:100px;border-top:1px solid #e9ecef;box-shadow:0 -2px 10px #0000000d}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:60px;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto}.footer-section h3{font-size:1.5rem;margin-bottom:20px;color:#007bff;font-weight:700;position:relative;padding-bottom:10px}.footer-section h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background-color:#007bff}.footer-section h4{font-size:1.2rem;margin-bottom:20px;color:#007bff;font-weight:600;position:relative;padding-bottom:10px}.footer-section h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:#007bff}.footer-section p{margin-bottom:10px;opacity:.8;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px;opacity:.8;transition:opacity .3s ease}.footer-section ul li:hover{opacity:1}.footer-section ul li a{color:#333;text-decoration:none;transition:all .3s ease;display:inline-block;position:relative;padding-left:15px}.footer-section ul li a:before{content:"→";position:absolute;left:0;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translate(-5px)}.footer-section ul li a:hover{color:#007bff}.footer-section ul li a:hover:before{opacity:1;transform:translate(0)}.footer-bottom{border-top:1px solid #e9ecef;padding-top:30px;text-align:center;opacity:.6;font-size:.9rem;color:#666}@media(max-width:768px){.navbar .container{flex-direction:column;gap:10px;padding:15px}.navbar-menu{gap:20px}.main-content{margin-top:120px}.footer-content{grid-template-columns:1fr;gap:30px}}