.theme-toggle[data-v-32deebfb]{position:relative;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:var(--primary-color);border:1px solid rgba(102,126,234,.2);overflow:hidden;padding:0}.theme-toggle[data-v-32deebfb]:hover:not(:disabled){background:#667eea1a;transform:scale(1.05);box-shadow:var(--shadow-heavy)}.theme-toggle[data-v-32deebfb]:disabled{cursor:not-allowed}.toggle-icon[data-v-32deebfb]{width:18px;height:18px;transition:all .3s ease;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.toggle-icon.rotating[data-v-32deebfb]{animation:iconRotate-32deebfb .8s ease-in-out}@keyframes iconRotate-32deebfb{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1.3)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.sun-icon[data-v-32deebfb],.moon-icon[data-v-32deebfb]{width:100%;height:100%;stroke-width:2;transition:all .3s ease;display:block}.sun-icon[data-v-32deebfb]{color:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.3))}.moon-icon[data-v-32deebfb]{color:#6366f1;filter:drop-shadow(0 0 8px rgba(99,102,241,.3))}.dark{background:#0003;color:#a78bfa;border-color:#a78bfa4d}.dark{background:#a78bfa33;box-shadow:0 4px 12px #a78bfa4d}.dark{color:#a78bfa;filter:drop-shadow(0 0 8px rgba(167,139,250,.4))}.theme-toggle[data-v-32deebfb]:active:not(:disabled){transform:scale(.95)}.theme-toggle[data-v-32deebfb]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.theme-toggle[data-v-32deebfb]:hover:before{opacity:1}.rotating .sun-icon[data-v-32deebfb]{filter:drop-shadow(0 0 15px rgba(251,191,36,.8))}.rotating .moon-icon[data-v-32deebfb]{filter:drop-shadow(0 0 15px rgba(99,102,241,.8))}.dark{filter:drop-shadow(0 0 15px rgba(167,139,250,.8))}.app-header[data-v-48e7192b]{background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s ease;-webkit-user-select:none;user-select:none}.container[data-v-48e7192b]{max-width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.header-right[data-v-48e7192b]{display:flex;align-items:center;gap:2rem}.logo a[data-v-48e7192b]{font-size:1.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.nav[data-v-48e7192b]{display:flex;gap:2rem;align-items:center}.nav-link[data-v-48e7192b]{color:var(--text-tertiary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-link[data-v-48e7192b]:hover{color:var(--primary-color)}.nav-link.router-link-active[data-v-48e7192b]{color:var(--primary-color);font-weight:600}.nav-link.router-link-active[data-v-48e7192b]:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--primary-gradient);border-radius:1px}.menu-toggle[data-v-48e7192b]{display:none;flex-direction:column;justify-content:center;width:20px;height:16px;background:none;border:none;cursor:pointer;padding:0;z-index:200}.menu-toggle span[data-v-48e7192b]{margin:5px 0;display:block;width:80%;height:2px;background:var(--text-primary);transition:all .3s ease;transform-origin:left center}.menu-toggle.is-active span[data-v-48e7192b]:nth-child(1){transform:rotate(45deg)}.menu-toggle.is-active span[data-v-48e7192b]:nth-child(2){opacity:0}.menu-toggle.is-active span[data-v-48e7192b]:nth-child(3){transform:rotate(-45deg)}.theme-toggle-mobile[data-v-48e7192b]{display:none}@media (max-width: 768px){.menu-toggle[data-v-48e7192b]{display:flex}.theme-toggle-mobile[data-v-48e7192b]{display:flex;align-items:center;justify-content:center}.theme-toggle-desktop[data-v-48e7192b]{display:none}.nav[data-v-48e7192b]{position:fixed;top:64px;right:0;bottom:0;width:80%;max-width:300px;flex-direction:column;background:var(--bg-primary);padding:1.5rem;gap:1rem;transform:translate(100%);transition:transform .3s ease;box-shadow:var(--shadow-heavy)}.nav.is-open[data-v-48e7192b]{transform:translate(0)}.nav-link[data-v-48e7192b]{font-size:1.1rem;width:100%;text-align:center;padding:.5rem 0}.nav-link.router-link-active[data-v-48e7192b]:after{bottom:-4px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}a{color:#42b883;text-decoration:none}a:hover{text-decoration:underline}.home[data-v-c8f10cc2]{min-height:calc(100vh - 64px);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:all .3s ease;-webkit-user-select:none;user-select:none}html.dark .home[data-v-c8f10cc2]{background:linear-gradient(135deg,#1e1b4b,#312e81)}.hero[data-v-c8f10cc2]{padding:4rem 2rem;text-align:center;max-width:90vw;margin:0 auto;transition:all .3s ease}.hero h1[data-v-c8f10cc2]{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#f0f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.dark .hero h1[data-v-c8f10cc2]{background:linear-gradient(45deg,#e0e7ff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero>p[data-v-c8f10cc2]{font-size:1.3rem;margin-bottom:3rem;opacity:.9}.features[data-v-c8f10cc2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card[data-v-c8f10cc2]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.2)}html.dark .feature-card[data-v-c8f10cc2]{background:#ffffff0d;border-color:#ffffff1a}.feature-card[data-v-c8f10cc2]:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0003}html.dark .feature-card[data-v-c8f10cc2]:hover{box-shadow:0 20px 40px #0006}.feature-icon[data-v-c8f10cc2]{font-size:3rem;margin-bottom:1rem}.feature-card h3[data-v-c8f10cc2]{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p[data-v-c8f10cc2]{opacity:.9;line-height:1.6;margin-bottom:1.5rem}.feature-link[data-v-c8f10cc2]{display:inline-block;color:#fff;text-decoration:none;font-weight:600;padding:.75rem 1.5rem;background:#fff3;border-radius:8px;transition:all .3s ease;border:1px solid rgba(255,255,255,.3)}.feature-link[data-v-c8f10cc2]:hover{background:#ffffff4d;transform:translateY(-2px)}.intro[data-v-c8f10cc2]{background:var(--bg-primary);color:var(--text-secondary);padding:4rem 2rem;text-align:center;transition:all .3s ease}.intro h2[data-v-c8f10cc2]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.intro>p[data-v-c8f10cc2]{font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto 3rem;color:var(--text-secondary)}.tech-stack[data-v-c8f10cc2]{max-width:800px;margin:0 auto}.tech-stack h3[data-v-c8f10cc2]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.tech-tags[data-v-c8f10cc2]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.tech-tag[data-v-c8f10cc2]{background:var(--primary-gradient);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:500;font-size:.9rem;box-shadow:var(--shadow-medium)}@media (max-width: 768px){.hero h1[data-v-c8f10cc2]{font-size:2.5rem}.hero>p[data-v-c8f10cc2]{font-size:1.1rem}.features[data-v-c8f10cc2]{grid-template-columns:1fr;gap:1.5rem}.intro[data-v-c8f10cc2]{padding:3rem 1rem}.intro h2[data-v-c8f10cc2]{font-size:2rem}}:root{--primary-gradient: linear-gradient(135deg, #667eea, #764ba2);--primary-color: #667eea;--secondary-color: #764ba2;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #2c3e50;--text-secondary: #555555;--text-tertiary: #6b7280;--border-color: #e5e7eb;--shadow-light: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .1);--shadow-heavy: 0 8px 20px rgba(102, 126, 234, .15);--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}html.dark{--primary-gradient: linear-gradient(135deg, #a78bfa, #8b5cf6);--primary-color: #a78bfa;--secondary-color: #8b5cf6;--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--text-primary: #f3f4f6;--text-secondary: #e5e7eb;--text-tertiary: #d1d5db;--border-color: #374151;--shadow-light: 0 2px 4px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .3);--shadow-heavy: 0 8px 20px rgba(167, 139, 250, .2)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;overflow-x:hidden;scroll-behavior:smooth}@media (max-width: 768px){html{font-size:15px}}@media (max-width: 480px){html{font-size:14px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);transition:all .3s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}@media (max-width: 768px){input,select,textarea{font-size:16px!important}button{min-height:44px;min-width:44px}a{min-height:44px;min-width:44px;display:inline-flex;align-items:center}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}::selection{background:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}
