*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-color: #fafafa;--bg-secondary: #f1f3f5;--text-color: #1a1a2e;--text-secondary: #64748b;--primary-color: #6366f1;--primary-hover: #4f46e5;--accent-color: #a855f7;--glow-color: rgba(99, 102, 241, .25);--border-color: rgba(0, 0, 0, .08);--card-bg: #ffffff;--card-hover-shadow: 0 20px 40px rgba(0, 0, 0, .08);--header-bg: rgba(250, 250, 250, .8);--input-bg: #ffffff;--badge-bg: rgba(99, 102, 241, .1);--badge-color: #6366f1}@media(prefers-color-scheme:dark){:root{--bg-color: #0f0f17;--bg-secondary: #1a1a2e;--text-color: #e8e8f0;--text-secondary: #8b8fa3;--primary-color: #818cf8;--primary-hover: #6366f1;--accent-color: #c084fc;--glow-color: rgba(129, 140, 248, .2);--border-color: rgba(255, 255, 255, .08);--card-bg: rgba(255, 255, 255, .04);--card-hover-shadow: 0 20px 40px rgba(0, 0, 0, .3);--header-bg: rgba(15, 15, 23, .8);--input-bg: rgba(255, 255, 255, .06);--badge-bg: rgba(129, 140, 248, .15);--badge-color: #a5b4fc}}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.app-header{background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);position:sticky;top:0;width:100%;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-size:1.25rem;font-weight:700;color:var(--text-color);text-decoration:none;letter-spacing:-.02em}.pc-nav{display:flex;gap:.25rem}.pc-nav a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem .85rem;border-radius:8px;transition:all .2s ease}.pc-nav a:hover{color:var(--text-color);background:var(--badge-bg)}.pc-nav .router-link-exact-active{color:var(--primary-color);background:var(--badge-bg);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:8px;background:none;border:none;cursor:pointer;border-radius:8px;transition:background .2s ease}.hamburger-menu:hover{background:var(--badge-bg)}.hamburger-menu span{display:block;width:20px;height:2px;background-color:var(--text-color);border-radius:2px;transition:all .3s ease}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end}.mobile-menu-panel{width:280px;height:100%;background:var(--bg-color);border-left:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column}.mobile-close{align-self:flex-end;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.mobile-close:hover{background:var(--badge-bg);color:var(--text-color)}.mobile-nav{display:flex;flex-direction:column;gap:.25rem;margin-top:1.5rem}.mobile-nav a{color:var(--text-color);text-decoration:none;font-size:1.05rem;font-weight:500;padding:.85rem 1rem;border-radius:10px;transition:all .2s ease}.mobile-nav a:hover,.mobile-nav .router-link-exact-active{background:var(--badge-bg);color:var(--primary-color)}.mobile-menu-fade-enter-active,.mobile-menu-fade-leave-active{transition:opacity .25s ease}.mobile-menu-fade-enter-active .mobile-menu-panel{animation:slideIn .25s ease}.mobile-menu-fade-leave-active .mobile-menu-panel{animation:slideOut .2s ease}.mobile-menu-fade-enter-from,.mobile-menu-fade-leave-to{opacity:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}}main{flex:1;padding:3rem 0 5rem}.app-footer{padding:2rem 0;text-align:center;font-size:.85rem;color:var(--text-secondary);border-top:1px solid var(--border-color)}.cta-button{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;padding:.75rem 2rem;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:12px;transition:all .25s ease;display:inline-block;box-shadow:0 4px 16px var(--glow-color)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--glow-color)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease,transform .2s ease}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0;transform:translateY(-8px)}