:root{--bg-color: #0b0e14;--surface-color: #161b22;--surface-hover: #1c2128;--primary: #42b883;--primary-glow: rgba(66, 184, 131, .2);--secondary: #35495e;--text-main: #f0f6fc;--text-muted: #8b949e;--border-color: rgba(255, 255, 255, .1);--header-height: 70px;--container-max-width: 1200px;--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}ul{list-style:none}#app{min-height:100vh}.reveal{opacity:0;transform:translateY(30px);transition:var(--transition-smooth)}.reveal.active{opacity:1;transform:translateY(0)}.glass-panel{background:#161b22b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000005e}.btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:8px;border:none;font-size:1rem}.btn-primary{background-color:var(--primary);color:var(--bg-color)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--primary-glow);filter:brightness(1.1)}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background:var(--primary-glow);transform:translateY(-2px)}h1,h2,h3{font-weight:700;line-height:1.2}.section-title{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#8b949e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,#35495e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 2rem}section{padding:100px 0}.loader-overlay[data-v-0056cdeb]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0b0e14;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}.loader-content[data-v-0056cdeb]{display:flex;flex-direction:column;align-items:center;gap:2rem}.logo-container[data-v-0056cdeb]{position:relative;display:flex;align-items:center;justify-content:center}.ring[data-v-0056cdeb]{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid transparent;border-top-color:#42b883;animation:spin-0056cdeb 1.5s linear infinite}.loader-text[data-v-0056cdeb]{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;display:flex;gap:4px}.word[data-v-0056cdeb]{color:#f0f6fc}.word.accent[data-v-0056cdeb]{color:#42b883}.pulse-bar[data-v-0056cdeb]{width:40px;height:2px;background:#42b883;border-radius:4px;animation:pulse-0056cdeb 1s ease-in-out infinite}@keyframes spin-0056cdeb{0%{transform:rotate(0);border-width:2px}50%{border-width:4px;border-top-color:#35495e}to{transform:rotate(360deg);border-width:2px}}@keyframes pulse-0056cdeb{0%,to{transform:scaleX(1);opacity:.5}50%{transform:scaleX(2.5);opacity:1}}.fade-leave-active[data-v-0056cdeb]{transition:opacity .8s cubic-bezier(.4,0,.2,1)}.fade-leave-to[data-v-0056cdeb]{opacity:0}.header[data-v-e3d74571]{position:fixed;top:0;left:0;width:100%;height:var(--header-height);z-index:1000;transition:var(--transition-smooth);display:flex;align-items:center}.header-scrolled[data-v-e3d74571]{background:#0b0e14cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);height:60px}.nav-container[data-v-e3d74571]{display:flex;justify-content:space-between;align-items:center;width:100%}.logo[data-v-e3d74571]{font-size:1.5rem;font-weight:700;letter-spacing:-1px}.logo-text[data-v-e3d74571]{color:var(--text-main)}.logo-accent[data-v-e3d74571]{color:var(--primary)}.nav-list[data-v-e3d74571]{display:flex;gap:2rem}.nav-link[data-v-e3d74571]{font-size:.95rem;font-weight:500;color:var(--text-muted)}.nav-link[data-v-e3d74571]:hover{color:var(--primary)}.actions[data-v-e3d74571]{display:flex;align-items:center;gap:1.5rem}.github-link[data-v-e3d74571]{color:var(--text-muted)}.github-link[data-v-e3d74571]:hover{color:var(--text-main)}.menu-toggle[data-v-e3d74571]{display:none;background:transparent;border:none;color:var(--text-main);cursor:pointer}.mobile-menu[data-v-e3d74571]{position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background:var(--bg-color);padding:2rem;z-index:999}.mobile-nav-list[data-v-e3d74571]{display:flex;flex-direction:column;gap:2rem}.mobile-nav-link[data-v-e3d74571]{font-size:1.5rem;font-weight:600}.slide-enter-active[data-v-e3d74571],.slide-leave-active[data-v-e3d74571]{transition:transform .3s ease}.slide-enter-from[data-v-e3d74571],.slide-leave-to[data-v-e3d74571]{transform:translate(100%)}@media (max-width: 768px){.desktop-nav[data-v-e3d74571]{display:none}.menu-toggle[data-v-e3d74571]{display:block}}.code-card[data-v-bf4406e5]{overflow:hidden;transition:var(--transition-smooth)}.code-card[data-v-bf4406e5]:hover{transform:translateY(-5px);border-color:var(--primary)}.card-header[data-v-bf4406e5]{padding:12px 20px;background:#0003;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.dots[data-v-bf4406e5]{display:flex;gap:6px}.dots span[data-v-bf4406e5]{width:8px;height:8px;border-radius:50%;background:#ff5f56}.dots span[data-v-bf4406e5]:nth-child(2){background:#ffbd2e}.dots span[data-v-bf4406e5]:nth-child(3){background:#27c93f}.filename[data-v-bf4406e5]{font-family:monospace;font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.card-body[data-v-bf4406e5]{padding:20px;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;background:#0d1117;overflow-x:auto}pre[data-v-bf4406e5]{margin:0;color:#e6edf3}code[data-v-bf4406e5]{white-space:pre-wrap}[data-v-bf4406e5] .token-keyword{color:#ff7b72}[data-v-bf4406e5] .token-string{color:#a5d6ff}[data-v-bf4406e5] .token-function{color:#d2a8ff}[data-v-bf4406e5] .token-comment{color:#8b949e}[data-v-bf4406e5] .token-attr{color:#79c0ff}.hero[data-v-4e8b3c65]{min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height);position:relative;overflow:hidden}.grid[data-v-4e8b3c65]{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.badge[data-v-4e8b3c65]{display:inline-block;padding:6px 12px;background:var(--primary-glow);color:var(--primary);border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(66,184,131,.3)}.hero-title[data-v-4e8b3c65]{font-size:4.5rem;margin-bottom:1.5rem}.hero-subtitle[data-v-4e8b3c65]{font-size:1.25rem;color:var(--text-muted);margin-bottom:3rem;max-width:600px}.hero-actions[data-v-4e8b3c65]{display:flex;gap:1.5rem}.hero-visual[data-v-4e8b3c65]{position:relative;display:flex;justify-content:center}.floating-code[data-v-4e8b3c65]{position:relative;z-index:2;transform:perspective(1000px) rotateY(-10deg) rotateX(5deg);animation:float-4e8b3c65 6s ease-in-out infinite}.vue-glow[data-v-4e8b3c65]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);z-index:1;filter:blur(40px)}@keyframes float-4e8b3c65{0%,to{transform:perspective(1000px) rotateY(-10deg) rotateX(5deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-10deg) rotateX(5deg) translateY(-20px)}}@media (max-width: 1024px){.grid[data-v-4e8b3c65]{grid-template-columns:1fr;text-align:center}.hero-subtitle[data-v-4e8b3c65]{margin-inline:auto}.hero-actions[data-v-4e8b3c65]{justify-content:center}.hero-title[data-v-4e8b3c65]{font-size:3.5rem}}.section-wrapper[data-v-21b647ff]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:var(--container-max-width);margin:0 auto;padding:4rem 2rem}.section-wrapper.reversed[data-v-21b647ff]{direction:rtl}.section-wrapper.reversed[data-v-21b647ff]>*{direction:ltr}.text-content[data-v-21b647ff]{margin-bottom:2rem}.description[data-v-21b647ff]{color:var(--text-muted);font-size:1.1rem;max-width:500px}.demo-area[data-v-21b647ff]{margin-top:2rem;padding:2rem;border-radius:20px;background:var(--surface-color);border:1px solid var(--border-color);position:relative;overflow:hidden}.demo-area[data-v-21b647ff]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary)}@media (max-width: 1024px){.section-wrapper[data-v-21b647ff]{grid-template-columns:1fr;gap:2rem}.section-wrapper.reversed[data-v-21b647ff]{direction:ltr}}.reactivity-demo[data-v-f364f248]{display:flex;flex-direction:column;align-items:center;gap:2rem}.counter-display[data-v-f364f248]{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center}.glow-ring[data-v-f364f248]{position:absolute;width:100%;height:100%;border-radius:50%;border:4px dashed var(--primary);opacity:.3;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.count[data-v-f364f248]{font-size:3.5rem;font-weight:700;color:var(--primary)}.controls[data-v-f364f248]{display:flex;gap:1rem}.btn-icon[data-v-f364f248]{width:48px;height:48px;border-radius:12px;background:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.btn-icon[data-v-f364f248]:hover{background:var(--primary);color:var(--bg-color);transform:scale(1.1)}.btn-icon.reset[data-v-f364f248]:hover{background:#ffbd2e}.slider-group[data-v-f364f248]{width:100%;text-align:center}.slider-group label[data-v-f364f248]{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}input[type=range][data-v-f364f248]{width:100%;accent-color:var(--primary)}.hint[data-v-f364f248]{font-size:.8rem;color:var(--text-muted);margin-top:.5rem;font-style:italic}.directives-demo[data-v-181478a6]{display:flex;flex-direction:column;gap:1.5rem}.demo-header[data-v-181478a6]{display:flex;gap:1rem;align-items:center}.search-box[data-v-181478a6]{flex:1;position:relative}.search-icon[data-v-181478a6]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}input[data-v-181478a6]{width:100%;padding:10px 10px 10px 40px;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);outline:none}input[data-v-181478a6]:focus{border-color:var(--primary)}.todo-list[data-v-181478a6]{display:flex;flex-direction:column;gap:.75rem}li[data-v-181478a6]{padding:12px 16px;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:var(--transition-smooth)}li[data-v-181478a6]:hover{background:#ffffff0d;border-color:var(--primary);transform:translate(5px)}li.completed[data-v-181478a6]{opacity:.6}li.completed span[data-v-181478a6]{text-decoration:line-through}.status-icon[data-v-181478a6]{color:var(--primary)}.empty-state[data-v-181478a6]{height:200px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:12px;color:var(--text-muted)}.btn.small[data-v-181478a6]{padding:8px 16px;font-size:.85rem}.list-enter-active[data-v-181478a6],.list-leave-active[data-v-181478a6]{transition:all .3s ease}.list-enter-from[data-v-181478a6],.list-leave-to[data-v-181478a6]{opacity:0;transform:translateY(10px)}.components-demo[data-v-d94aac05]{display:flex;flex-direction:column;gap:2rem}.component-label[data-v-d94aac05]{font-size:.8rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px}.card-grid[data-v-d94aac05]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.feature-card[data-v-d94aac05]{padding:1.5rem;text-align:center;border-radius:16px;transition:var(--transition-smooth)}.feature-card[data-v-d94aac05]:hover{transform:translateY(-8px);border-color:var(--primary);background:#42b8830d}.icon-box[data-v-d94aac05]{width:48px;height:48px;background:var(--primary-glow);color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.feature-card h3[data-v-d94aac05]{font-size:1.1rem;margin-bottom:.5rem}.feature-card p[data-v-d94aac05]{font-size:.85rem;color:var(--text-muted)}.nesting-visual[data-v-d94aac05]{margin-top:2rem;padding:1.5rem;background:#0003;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem}.p-block[data-v-d94aac05]{padding:8px 16px;border:1px solid var(--primary);border-radius:6px;font-size:.8rem}.arrow[data-v-d94aac05]{width:1px;height:20px;background:var(--border-color)}.c-blocks[data-v-d94aac05]{display:flex;gap:1rem}.c-block[data-v-d94aac05]{padding:4px 12px;background:var(--surface-hover);border-radius:4px;font-size:.7rem}.events-demo[data-v-1389c8bd]{display:flex;flex-direction:column;gap:1.5rem}.tab-bar[data-v-1389c8bd]{display:flex;background:var(--surface-color);padding:4px;border-radius:12px;border:1px solid var(--border-color)}.tab-btn[data-v-1389c8bd]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:8px;font-size:.9rem;transition:var(--transition-smooth)}.tab-btn.active[data-v-1389c8bd]{background:var(--surface-hover);color:var(--primary);box-shadow:0 4px 12px #0003}.tab-content[data-v-1389c8bd]{padding:2rem;min-height:154px}.content-preview h3[data-v-1389c8bd]{margin-bottom:.5rem}.content-preview p[data-v-1389c8bd]{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.event-log[data-v-1389c8bd]{background:#0000004d;border-radius:12px;padding:1rem;font-family:monospace}.log-title[data-v-1389c8bd]{font-size:.75rem;color:var(--primary);text-transform:uppercase;margin-bottom:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:4px}.log-entry[data-v-1389c8bd]{font-size:.8rem;display:flex;gap:12px;padding:4px 0;animation:slideIn-1389c8bd .3s ease-out}.log-time[data-v-1389c8bd]{color:var(--text-muted)}.log-msg[data-v-1389c8bd]{color:var(--text-main)}.log-empty[data-v-1389c8bd]{font-size:.8rem;color:var(--text-muted);text-align:center;padding:.5rem}.btn.small[data-v-1389c8bd]{padding:8px 16px;font-size:.8rem}@keyframes slideIn-1389c8bd{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.motion-demo[data-v-3e00280a]{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.motion-grid[data-v-3e00280a]{display:flex;gap:1.5rem;min-height:120px}.motion-card[data-v-3e00280a]{padding:1.5rem;width:120px;display:flex;flex-direction:column;align-items:center;gap:1rem}.motion-bars[data-v-3e00280a]{width:100%;display:flex;flex-direction:column;gap:6px}.bar[data-v-3e00280a]{height:6px;background:var(--border-color);border-radius:3px}.bar.short[data-v-3e00280a]{width:60%}.transition-tip[data-v-3e00280a]{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.stagger-enter-active[data-v-3e00280a]{transition:all .5s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--delay)}.stagger-leave-active[data-v-3e00280a]{transition:all .3s ease}.stagger-enter-from[data-v-3e00280a]{opacity:0;transform:translateY(30px) scale(.8)}.stagger-leave-to[data-v-3e00280a]{opacity:0;transform:translateY(-20px) scale(.8)}.computed-demo[data-v-4b0b176b]{display:flex;justify-content:center}.calc-card[data-v-4b0b176b]{width:100%;max-width:320px;padding:1.5rem}.calc-header[data-v-4b0b176b]{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:2rem;color:var(--primary)}.calc-inputs[data-v-4b0b176b]{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.input-field label[data-v-4b0b176b]{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.input-field input[data-v-4b0b176b]{width:100%;padding:10px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-main)}.results[data-v-4b0b176b]{border-top:1px solid var(--border-color);padding-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.result-row[data-v-4b0b176b]{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted)}.result-row.total[data-v-4b0b176b]{margin-top:.5rem;font-weight:700;font-size:1.1rem;color:var(--text-main)}.computed-badge[data-v-4b0b176b]{margin-top:1.5rem;padding:6px;background:var(--primary-glow);color:var(--primary);font-size:.7rem;text-align:center;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:4px}.cta-section[data-v-3197ad25]{padding:120px 0}.cta-card[data-v-3197ad25]{text-align:center;padding:4rem 2rem;max-width:900px;margin:0 auto;border:1px solid var(--primary-glow)}.cta-card p[data-v-3197ad25]{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin:0 auto 3rem}.cta-actions[data-v-3197ad25]{display:flex;gap:1.5rem;justify-content:center}@media (max-width: 640px){.cta-actions[data-v-3197ad25]{flex-direction:column}}.footer[data-v-d59c9586]{padding:4rem 0;border-top:1px solid var(--border-color);background:#0003}.footer-content[data-v-d59c9586]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-d59c9586]{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.logo-text[data-v-d59c9586]{color:var(--text-main)}.logo-accent[data-v-d59c9586]{color:var(--primary)}.footer-info p[data-v-d59c9586]{font-size:.85rem;color:var(--text-muted)}.footer-meta[data-v-d59c9586]{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-muted)}.heart-icon[data-v-d59c9586]{color:#ff5f56}@media (max-width: 768px){.footer-content[data-v-d59c9586]{flex-direction:column;gap:2rem;text-align:center}}.app-wrapper[data-v-8044a5ca]{background-image:radial-gradient(circle at 0% 0%,rgba(66,184,131,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(53,73,94,.05) 0%,transparent 50%);opacity:0;transition:opacity 1s ease-in}.app-wrapper.content-ready[data-v-8044a5ca]{opacity:1}