:root{--color-primary:#8b5cf6;--color-primary-light:#a78bfa;--color-primary-dark:#7c3aed;--color-secondary:#10b981;--color-accent:#f59e0b;--color-danger:#ef4444;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-border:#334155;--gradient-primary:linear-gradient(135deg,#8b5cf6,#6366f1);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-accent:linear-gradient(135deg,#f59e0b,#d97706);--gradient-hero:linear-gradient(135deg,#1e293b,#0f172a);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-display:"Outfit",var(--font-sans);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--shadow-glow:0 0 20px rgba(139,92,246,.3);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-background);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary)}.container{margin:0 auto;max-width:1280px}.container,.container-fluid{padding:0 var(--space-4);width:100%}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid rgba(139,92,246,.1)}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition-base)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-primary)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-primary{background:#8b5cf633;color:var(--color-primary-light)}.badge-success{background:#10b98133;color:var(--color-secondary)}.badge-accent{background:#f59e0b33;color:var(--color-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:fadeIn var(--transition-base)}.slide-up{animation:slideUp var(--transition-slow)}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--color-surface) 0,var(--color-surface-elevated) 50%,var(--color-surface) 100%);background-size:2000px 100%;border-radius:var(--radius-md)}@media(max-width:640px){:root{--text-5xl:2rem;--text-4xl:1.75rem;--text-3xl:1.5rem}.container{padding:0 var(--space-3)}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-moz-selection{background:var(--color-primary);color:#fff}::selection{background:var(--color-primary);color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-surface);border:3px solid var(--color-background);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-elevated)}.prose{color:var(--color-text-secondary);max-width:65ch}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--color-text-primary);margin-bottom:var(--space-4);margin-top:var(--space-8)}.prose h1{margin-top:0}.prose a{color:var(--color-primary-light);text-decoration:underline;text-decoration-color:#8b5cf64d;text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--color-primary-light)}.prose code{border-radius:var(--radius-sm);color:var(--color-primary-light);font-size:.9em;padding:var(--space-1) var(--space-2)}.prose code,.prose pre{background:var(--color-surface)}.prose pre{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--space-6) 0;overflow-x:auto;padding:var(--space-4)}.prose pre code{background:none;border-radius:0;padding:0}.prose img{border-radius:var(--radius-lg);height:auto;max-width:100%}.prose ol,.prose ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.prose li{margin:var(--space-2) 0}.prose blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-muted);font-style:italic;margin:var(--space-6) 0;padding-left:var(--space-4)}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.prose table{border-collapse:collapse;margin:var(--space-6) 0;width:100%}.prose td,.prose th{border:1px solid var(--color-border);padding:var(--space-3);text-align:left}.prose th{background:var(--color-surface);color:var(--color-text-primary);font-weight:600}.search-box[data-v-a8466896]{gap:var(--space-2)}.search-box[data-v-a8466896],.search-toggle[data-v-a8466896]{align-items:center;display:flex}.search-toggle[data-v-a8466896]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.search-toggle[data-v-a8466896]:hover{background:var(--color-surface-elevated);border-color:var(--color-primary)}.search-icon[data-v-a8466896]{font-size:1rem}.search-input-wrapper[data-v-a8466896]{align-items:center;display:flex;position:relative}.search-input[data-v-a8466896]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);outline:none;padding:var(--space-2) var(--space-4);padding-right:var(--space-8);transition:all var(--transition-base);width:250px}.search-input[data-v-a8466896]::-moz-placeholder{color:var(--color-text-muted)}.search-input[data-v-a8466896]::placeholder{color:var(--color-text-muted)}.search-input[data-v-a8466896]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #8b5cf61a}.clear-btn[data-v-a8466896]{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.75rem;padding:var(--space-1);position:absolute;right:8px}.clear-btn[data-v-a8466896]:hover{color:var(--color-text-primary)}@media(max-width:768px){.search-box.is-expanded[data-v-a8466896]{background:var(--color-background);left:var(--space-4);padding:var(--space-2);position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);z-index:100}.search-box.is-expanded .search-input-wrapper[data-v-a8466896]{flex:1}.search-box.is-expanded .search-input[data-v-a8466896]{width:100%}}.navigation[data-v-e907bc70]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;border-bottom:1px solid var(--color-border);left:0;position:fixed;right:0;top:0;z-index:1000}.nav-container[data-v-e907bc70]{height:72px;justify-content:space-between}.logo[data-v-e907bc70],.nav-container[data-v-e907bc70]{align-items:center;display:flex}.logo[data-v-e907bc70]{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;gap:var(--space-2);text-decoration:none}.logo[data-v-e907bc70]:hover{color:var(--color-primary-light)}.logo-icon[data-v-e907bc70]{font-size:1.5rem}.logo-text[data-v-e907bc70]{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu[data-v-e907bc70]{gap:var(--space-8)}.nav-actions[data-v-e907bc70],.nav-menu[data-v-e907bc70]{align-items:center;display:flex}.nav-actions[data-v-e907bc70]{gap:var(--space-4)}.nav-link[data-v-e907bc70]{color:var(--color-text-secondary);font-weight:500;position:relative;text-decoration:none;transition:color var(--transition-base)}.nav-link[data-v-e907bc70]:after{background:var(--gradient-primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.nav-link.router-link-active[data-v-e907bc70],.nav-link[data-v-e907bc70]:hover{color:var(--color-text-primary)}.nav-link.router-link-active[data-v-e907bc70]:after,.nav-link[data-v-e907bc70]:hover:after{width:100%}.menu-toggle[data-v-e907bc70]{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px}.menu-bar[data-v-e907bc70]{background:var(--color-text-primary);height:2px;transition:all var(--transition-base);width:24px}@media(max-width:768px){.menu-toggle[data-v-e907bc70]{display:flex}.nav-menu[data-v-e907bc70]{background:var(--color-surface);flex-direction:column;gap:var(--space-4);left:0;opacity:0;padding:var(--space-6);pointer-events:none;position:fixed;right:0;top:72px;transform:translateY(-100%);transition:all var(--transition-base)}.nav-menu.is-open[data-v-e907bc70]{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link[data-v-e907bc70]{font-size:var(--text-lg);padding:var(--space-2) 0}}.footer[data-v-cb861942]{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:var(--space-24);padding:var(--space-16) 0 var(--space-8)}.footer-grid[data-v-cb861942]{display:grid;gap:var(--space-12);grid-template-columns:2fr 1fr 1fr;margin-bottom:var(--space-12)}.footer-logo[data-v-cb861942]{align-items:center;color:var(--color-text-primary);display:flex;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;gap:var(--space-2);margin-bottom:var(--space-4);text-decoration:none}.footer-logo .logo-text[data-v-cb861942]{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description[data-v-cb861942]{color:var(--color-text-muted);max-width:300px}.footer-links h4[data-v-cb861942]{color:var(--color-text-primary);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4)}.footer-links ul[data-v-cb861942]{list-style:none;padding:0}.footer-links li[data-v-cb861942]{margin-bottom:var(--space-2)}.footer-links a[data-v-cb861942]{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-base)}.footer-links a[data-v-cb861942]:hover{color:var(--color-primary-light)}.footer-bottom[data-v-cb861942]{border-top:1px solid var(--color-border);padding-top:var(--space-8);text-align:center}.footer-bottom p[data-v-cb861942]{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}@media(max-width:768px){.footer-grid[data-v-cb861942]{gap:var(--space-8);grid-template-columns:1fr}}#app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:72px}