*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--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)}.dark{--primary-color: #60a5fa;--primary-hover: #3b82f6;--bg-primary: #1f2937;--bg-secondary: #111827;--text-primary: #f9fafb;--text-secondary: #d1d5db;--border-color: #374151}#app{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;right:0;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:1000;transition:all .3s ease}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;display:flex;align-items:center;gap:.75rem}.logo-image{width:32px;height:32px;transition:transform .3s ease}.logo:hover .logo-image{transform:scale(1.1)}.logo-text-container{display:flex;flex-direction:column}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:-.25rem}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .3s;position:relative}.nav-link:hover,.nav-link.router-link-active{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background-color:var(--primary-color);transform:scaleX(0);transition:transform .3s}.nav-link.router-link-active:after{transform:scaleX(1)}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-secondary);transition:color .3s}.theme-toggle:hover{color:var(--primary-color)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:block;width:24px;height:2px;background-color:var(--text-primary);position:relative;transition:all .3s}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--text-primary);transition:all .3s}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.active{transform:rotate(45deg)}.hamburger.active:before{top:0;transform:rotate(90deg)}.hamburger.active:after{top:0;transform:rotate(0)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem 0}.mobile-link{display:block;padding:.75rem 2rem;text-decoration:none;color:var(--text-secondary);transition:all .3s}.mobile-link:hover,.mobile-link.router-link-active{color:var(--primary-color);background-color:var(--bg-secondary)}.main-content{flex:1;margin-top:80px;min-height:calc(100vh - 160px)}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.page-enter-active,.page-leave-active{transition:all .3s ease}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}.menu-slide-enter-active,.menu-slide-leave-active{transition:all .3s ease}.menu-slide-enter-from,.menu-slide-leave-to{transform:translateY(-100%);opacity:0}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-btn{display:block}.nav-container{padding:1rem}.logo{gap:.5rem}.logo-image{width:28px;height:28px}.logo-text{font-size:1.25rem}.logo-subtitle{font-size:.75rem}.main-content{margin-top:70px}.footer-container{padding:0 1rem}}.home-view[data-v-7c0ba27c]{min-height:calc(100vh - 80px)}.hero[data-v-7c0ba27c]{min-height:100vh;display:flex;align-items:center;padding:2rem;background-color:var(--bg-primary);position:relative;overflow:hidden}.hero[data-v-7c0ba27c]:after{content:"";position:absolute;top:10%;left:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);border-radius:50%;animation:pulse-7c0ba27c 8s ease-in-out infinite}.dark .hero[data-v-7c0ba27c]:after{background:radial-gradient(circle,rgba(196,181,253,.15) 0%,transparent 70%)}@keyframes pulse-7c0ba27c{0%,to{transform:scale(1) translateY(0);opacity:.6}50%{transform:scale(1.2) translateY(-20px);opacity:1}}.hero[data-v-7c0ba27c]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);animation:float-7c0ba27c 15s ease-in-out infinite}.dark .hero[data-v-7c0ba27c]:before{background:radial-gradient(circle,rgba(96,165,250,.25) 0%,transparent 70%)}@keyframes float-7c0ba27c{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(60px,-40px) rotate(90deg)}50%{transform:translate(-40px,80px) rotate(180deg)}75%{transform:translate(-80px,-60px) rotate(270deg)}}.hero .geometric-shapes[data-v-7c0ba27c]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero .shape[data-v-7c0ba27c]{position:absolute;border:2px solid;opacity:.3}.hero .triangle[data-v-7c0ba27c]{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:40px solid transparent;border-bottom-color:var(--primary-color);border-style:solid;top:15%;right:12%;animation:rotate-shape-7c0ba27c 20s linear infinite;opacity:.4}.hero .square[data-v-7c0ba27c]{width:40px;height:40px;border:3px solid #8b5cf6;background:transparent;top:65%;left:8%;animation:float-square-7c0ba27c 16s ease-in-out infinite;transform-origin:center}.hero .circle[data-v-7c0ba27c]{width:50px;height:50px;border:3px solid #06b6d4;border-radius:50%;background:transparent;top:35%;right:20%;animation:scale-shape-7c0ba27c 12s ease-in-out infinite}.hero .hexagon[data-v-7c0ba27c]{width:40px;height:24px;border:3px solid #f59e0b;background:transparent;position:relative;top:55%;right:8%;animation:float-hexagon-7c0ba27c 18s ease-in-out infinite}.hero .diamond[data-v-7c0ba27c]{width:35px;height:35px;border:3px solid #ef4444;background:transparent;transform:rotate(45deg);top:20%;left:25%;animation:rotate-diamond-7c0ba27c 14s ease-in-out infinite}.hero .pentagon[data-v-7c0ba27c]{width:45px;height:45px;border:3px solid #10b981;background:transparent;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);top:75%;right:30%;animation:float-pentagon-7c0ba27c 22s ease-in-out infinite}.hero .star[data-v-7c0ba27c]{width:40px;height:40px;border:3px solid #f59e0b;background:transparent;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);top:25%;left:5%;animation:twinkle-star-7c0ba27c 10s ease-in-out infinite}.hero .rectangle[data-v-7c0ba27c]{width:60px;height:30px;border:3px solid #8b5cf6;background:transparent;top:45%;left:15%;animation:slide-rectangle-7c0ba27c 18s ease-in-out infinite}.hero .circle-large[data-v-7c0ba27c]{width:80px;height:80px;border:2px solid var(--primary-color);border-radius:50%;background:transparent;top:8%;left:60%;animation:breathe-circle-7c0ba27c 16s ease-in-out infinite;opacity:.3}.hero .triangle-large[data-v-7c0ba27c]{width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:60px solid transparent;border-bottom-color:#06b6d4;top:70%;right:5%;animation:sway-triangle-7c0ba27c 20s ease-in-out infinite;opacity:.4}.hero .hexagon[data-v-7c0ba27c]:before,.hero .hexagon[data-v-7c0ba27c]:after{content:"";position:absolute;width:0;border-left:12px solid transparent;border-right:12px solid transparent}.hero .hexagon[data-v-7c0ba27c]:before{bottom:100%;border-bottom:7px solid #f59e0b}.hero .hexagon[data-v-7c0ba27c]:after{top:100%;border-top:7px solid #f59e0b}@keyframes rotate-shape-7c0ba27c{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(180deg) translateY(-30px)}to{transform:rotate(360deg) translateY(0)}}@keyframes float-square-7c0ba27c{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.3}33%{transform:translate(-40px,-60px) rotate(120deg) scale(1.2);opacity:.6}66%{transform:translate(60px,-30px) rotate(240deg) scale(.8);opacity:.4}}@keyframes scale-shape-7c0ba27c{0%,to{transform:scale(1) translateY(0);opacity:.3}50%{transform:scale(1.5) translateY(-40px);opacity:.7}}@keyframes float-hexagon-7c0ba27c{0%,to{transform:translate(0) rotate(0);opacity:.4}25%{transform:translate(-60px,-30px) rotate(60deg);opacity:.7}50%{transform:translate(-30px,-60px) rotate(120deg);opacity:.6}75%{transform:translate(30px,-30px) rotate(180deg);opacity:.5}}@keyframes rotate-diamond-7c0ba27c{0%,to{transform:rotate(45deg) scale(1);opacity:.4}50%{transform:rotate(225deg) scale(1.2);opacity:.7}}@keyframes float-pentagon-7c0ba27c{0%,to{transform:translate(0) rotate(0);opacity:.4}33%{transform:translate(-40px,-50px) rotate(72deg);opacity:.6}66%{transform:translate(60px,-30px) rotate(144deg);opacity:.5}}@keyframes twinkle-star-7c0ba27c{0%,to{transform:scale(1) rotate(0);opacity:.4}25%{transform:scale(1.3) rotate(36deg);opacity:.8}50%{transform:scale(.8) rotate(72deg);opacity:.6}75%{transform:scale(1.1) rotate(108deg);opacity:.7}}@keyframes slide-rectangle-7c0ba27c{0%,to{transform:translate(0) rotate(0);opacity:.4}50%{transform:translate(-80px,-40px) rotate(45deg);opacity:.7}}@keyframes breathe-circle-7c0ba27c{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.4);opacity:.6}}@keyframes sway-triangle-7c0ba27c{0%,to{transform:translate(0) rotate(0);opacity:.4}25%{transform:translate(-30px,-20px) rotate(30deg);opacity:.6}75%{transform:translate(30px,-20px) rotate(-30deg);opacity:.5}}.hero-content[data-v-7c0ba27c]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text[data-v-7c0ba27c]{opacity:0;transform:translateY(30px);transition:all .8s ease}.hero.visible .hero-text[data-v-7c0ba27c]{opacity:1;transform:translateY(0)}.hero-title[data-v-7c0ba27c]{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.highlight[data-v-7c0ba27c]{background:linear-gradient(135deg,var(--primary-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-7c0ba27c]{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1rem}.hero-description[data-v-7c0ba27c]{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.hero-actions[data-v-7c0ba27c]{display:flex;gap:1rem;flex-wrap:wrap}.btn[data-v-7c0ba27c]{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary[data-v-7c0ba27c]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-7c0ba27c]:hover{background-color:var(--primary-hover);transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #3b82f666}.btn-secondary[data-v-7c0ba27c]{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary[data-v-7c0ba27c]:hover{background-color:var(--border-color);transform:translateY(-3px) scale(1.02);box-shadow:0 10px 20px #0000001a}.hero-visual[data-v-7c0ba27c]{opacity:0;transform:translateY(30px);transition:all .8s ease .3s}.hero.visible .hero-visual[data-v-7c0ba27c]{opacity:1;transform:translateY(0)}.code-window[data-v-7c0ba27c]{background-color:#1e293b;border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-lg);transition:all .3s ease;transform:translateY(0)}.code-window[data-v-7c0ba27c]:hover{transform:translateY(-10px);box-shadow:0 25px 50px #0003}.dark .code-window[data-v-7c0ba27c]{background-color:#fff}.window-header[data-v-7c0ba27c]{background-color:#0f172a;padding:.75rem 1rem;display:flex;gap:.5rem}.dark .window-header[data-v-7c0ba27c]{background-color:#f1f5f9}.window-dot[data-v-7c0ba27c]{width:12px;height:12px;border-radius:50%}.window-dot.red[data-v-7c0ba27c]{background-color:#ef4444}.window-dot.yellow[data-v-7c0ba27c]{background-color:#f59e0b}.window-dot.green[data-v-7c0ba27c]{background-color:#10b981}.code-content[data-v-7c0ba27c]{padding:1.5rem;margin:0;font-family:Consolas,Monaco,monospace;font-size:.875rem;line-height:1.5;color:#e2e8f0}.dark .code-content[data-v-7c0ba27c]{color:#1e293b}.keyword[data-v-7c0ba27c]{color:#c084fc}.dark .keyword[data-v-7c0ba27c]{color:#8b5cf6}.variable[data-v-7c0ba27c]{color:#60a5fa}.dark .variable[data-v-7c0ba27c]{color:#3b82f6}.property[data-v-7c0ba27c]{color:#94a3b8}.dark .property[data-v-7c0ba27c]{color:#64748b}.string[data-v-7c0ba27c]{color:#86efac}.dark .string[data-v-7c0ba27c]{color:#059669}.boolean[data-v-7c0ba27c]{color:#fbbf24}.dark .boolean[data-v-7c0ba27c]{color:#d97706}.container[data-v-7c0ba27c]{max-width:1200px;margin:0 auto;padding:0 2rem}.author-section[data-v-7c0ba27c]{padding:1rem 0;background-color:var(--bg-primary)}.author-info[data-v-7c0ba27c]{display:flex;align-items:center;justify-content:center}.github-icon[data-v-7c0ba27c]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--text-primary);color:var(--bg-primary);text-decoration:none;opacity:.5;transition:all .3s ease}.github-icon[data-v-7c0ba27c]:hover{background-color:var(--primary-color);opacity:1;transform:scale(1.1)}@media (max-width: 768px){.hero-content[data-v-7c0ba27c]{grid-template-columns:1fr;gap:2rem}.hero-title[data-v-7c0ba27c]{font-size:2.5rem}.hero-subtitle[data-v-7c0ba27c]{font-size:1.25rem}.hero-visual[data-v-7c0ba27c]{display:none}.hero .triangle[data-v-7c0ba27c],.hero .hexagon[data-v-7c0ba27c],.hero .triangle-large[data-v-7c0ba27c]{transform:scale(.6)}.hero .square[data-v-7c0ba27c],.hero .circle[data-v-7c0ba27c],.hero .diamond[data-v-7c0ba27c],.hero .star[data-v-7c0ba27c],.hero .rectangle[data-v-7c0ba27c]{transform:scale(.7)}.hero .pentagon[data-v-7c0ba27c]{transform:scale(.6)}.hero .circle-large[data-v-7c0ba27c]{transform:scale(.5)}.hero .pentagon[data-v-7c0ba27c],.hero .star[data-v-7c0ba27c],.hero .rectangle[data-v-7c0ba27c]{display:none}.github-icon[data-v-7c0ba27c]{width:32px;height:32px}}.dark .hero .triangle[data-v-7c0ba27c],.dark .hero .triangle-large[data-v-7c0ba27c]{border-bottom-color:#60a5fa}.dark .hero .square[data-v-7c0ba27c]{border-color:#a78bfa}.dark .hero .circle[data-v-7c0ba27c],.dark .hero .circle-large[data-v-7c0ba27c]{border-color:#22d3ee}.dark .hero .hexagon[data-v-7c0ba27c]{border-color:#fcd34d}.dark .hero .hexagon[data-v-7c0ba27c]:before,.dark .hero .hexagon[data-v-7c0ba27c]:after{border-bottom-color:#fcd34d;border-top-color:#fcd34d}.dark .hero .diamond[data-v-7c0ba27c]{border-color:#f87171}.dark .hero .pentagon[data-v-7c0ba27c]{border-color:#34d399}.dark .hero .star[data-v-7c0ba27c]{border-color:#fcd34d}.dark .hero .rectangle[data-v-7c0ba27c]{border-color:#c084fc}