:root{--bg-color: #f4f5f7;--text-color: #111827;--primary-color: #2563eb;--glow-color: rgba(37, 99, 235, .5);--border-color: rgba(0, 0, 0, .1);--card-bg: #ffffff;--header-bg: rgba(244, 245, 247, .7);--text-secondary: #6b7280}@media(prefers-color-scheme:dark){:root{--bg-color: #111;--text-color: #eee;--primary-color: #00aaff;--glow-color: rgba(0, 170, 255, .5);--border-color: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .05);--header-bg: rgba(17, 17, 17, .5);--text-secondary: #889}}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;line-height:1.7}#app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;width:100%;z-index:100}.app-header .container{display:flex;align-items:center;justify-content:space-between;height:65px}.logo{font-size:1.5rem;font-weight:700;color:var(--text-color);text-decoration:none}.pc-nav{display:flex;gap:2rem}.pc-nav a{color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease}.pc-nav a:hover{color:var(--text-color)}.pc-nav .router-link-exact-active{color:var(--primary-color)!important;font-weight:600}.hamburger-menu,.mobile-menu-overlay{display:none}@media(max-width:768px){.pc-nav{display:none}.hamburger-menu{display:flex;flex-direction:column;gap:5px;padding:10px;background:none;border:none;cursor:pointer}.hamburger-menu span{display:block;width:24px;height:3px;background-color:var(--text-color);border-radius:3px}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:flex-end;align-items:flex-end}.mobile-nav{display:flex;flex-direction:column;gap:1rem;padding:2rem;align-items:flex-end}.mobile-nav a{color:#fff;text-decoration:none;font-size:1.8rem;font-weight:600;transition:transform .3s ease}.mobile-nav a:hover{transform:translate(-10px);color:var(--primary-color)}.mobile-menu-fade-enter-active,.mobile-menu-fade-leave-active{transition:opacity .3s ease}.mobile-menu-fade-enter-from,.mobile-menu-fade-leave-to{opacity:0}}main{flex:1;padding:4rem 0}.container{max-width:960px;margin:0 auto;padding:0 2rem}.app-footer{padding:2.5rem 0;text-align:center;font-size:.9rem;color:var(--text-secondary);border-top:1px solid var(--border-color)}.cta-button{background-image:linear-gradient(45deg,var(--primary-color),#aa00ff);color:#fff;padding:.9rem 2.2rem;text-decoration:none;font-weight:600;font-size:1rem;border-radius:50px;transition:all .3s ease;display:inline-block;box-shadow:0 0 20px var(--glow-color)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 0 30px var(--glow-color)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease-in-out,transform .2s ease-in-out}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}