:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #667eea;--secondary-color: #764ba2;--text-color: #2c3e50;--bg-color: #f8f9fa}html{scroll-behavior:smooth;background-color:#fff}body{background-color:#fff;margin:0;padding:0}a{color:inherit;text-decoration:none}.navbar[data-v-3c078df1]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.container[data-v-3c078df1]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-brand[data-v-3c078df1]{display:flex;align-items:center;gap:20px;flex-shrink:0}.logo[data-v-3c078df1]{text-decoration:none;color:#fff;font-size:24px;font-weight:700;transition:opacity .3s;white-space:nowrap}.logo[data-v-3c078df1]:hover{opacity:.8}.mobile-menu-btn[data-v-3c078df1]{display:none;background:none;border:none;cursor:pointer;padding:5px}.hamburger[data-v-3c078df1]{display:flex;flex-direction:column;gap:5px;width:25px}.hamburger span[data-v-3c078df1]{display:block;height:3px;width:100%;background:#fff;border-radius:3px;transition:all .3s}.hamburger.active span[data-v-3c078df1]:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span[data-v-3c078df1]:nth-child(2){opacity:0}.hamburger.active span[data-v-3c078df1]:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu[data-v-3c078df1]{display:flex;list-style:none;gap:30px;margin:0;padding:0;align-items:center;flex-wrap:nowrap;flex-shrink:0}.nav-menu a[data-v-3c078df1]{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s;padding:8px 0;position:relative;white-space:nowrap}.nav-menu a[data-v-3c078df1]:hover{opacity:.8}.nav-menu a.router-link-active[data-v-3c078df1]{border-bottom:2px solid white}@media (max-width: 768px){.nav-brand[data-v-3c078df1]{width:100%;justify-content:space-between}.mobile-menu-btn[data-v-3c078df1]{display:block}.nav-menu[data-v-3c078df1]{position:absolute;top:70px;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;padding:20px;gap:0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 4px 10px #0000001a}.nav-menu.active[data-v-3c078df1]{transform:translateY(0);opacity:1;visibility:visible}.nav-menu li[data-v-3c078df1]{width:100%;text-align:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.nav-menu li[data-v-3c078df1]:last-child{border-bottom:none}}.footer[data-v-ca5bf29b]{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:50px 0 20px;margin-top:80px;width:100%}.container[data-v-ca5bf29b]{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.footer-content[data-v-ca5bf29b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px}.footer-section h3[data-v-ca5bf29b]{margin-bottom:15px;font-size:24px}.footer-section h4[data-v-ca5bf29b]{margin-bottom:15px;font-size:18px}.footer-section p[data-v-ca5bf29b]{opacity:.9;line-height:1.6}.footer-section ul[data-v-ca5bf29b]{list-style:none;padding:0;margin:0}.footer-section ul li[data-v-ca5bf29b]{margin-bottom:10px;opacity:.9}.footer-section a[data-v-ca5bf29b]{color:#fff;text-decoration:none;transition:opacity .3s}.footer-section a[data-v-ca5bf29b]:hover{opacity:.7}.footer-bottom[data-v-ca5bf29b]{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);opacity:.8}.footer-bottom p[data-v-ca5bf29b]{margin:8px 0}.icp[data-v-ca5bf29b]{font-size:14px}.icp a[data-v-ca5bf29b]{color:#fffc;text-decoration:none;transition:opacity .3s}.icp a[data-v-ca5bf29b]:hover{opacity:1;color:#fff}@media (max-width: 768px){.footer-content[data-v-ca5bf29b]{grid-template-columns:1fr;gap:30px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.home-page[data-v-50285232]{min-height:calc(100vh - 70px);width:100%}.hero-carousel[data-v-50285232]{position:relative;width:100%;height:500px;overflow:hidden;background:#000}.hero-slides[data-v-50285232]{display:flex;width:100%;height:100%;transition:transform .6s ease-in-out}.hero-slide[data-v-50285232]{min-width:100%;height:100%;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:flex-start}.hero-overlay[data-v-50285232]{position:absolute;inset:0;background:linear-gradient(to right,#0009,#0000004d,#0000001a)}.hero-content[data-v-50285232]{position:relative;z-index:2;text-align:left;color:#fff;max-width:500px;padding:0 60px}.hero-content-left[data-v-50285232]{margin-left:0}.hero-title[data-v-50285232]{font-size:48px;font-weight:700;margin-bottom:20px;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle[data-v-50285232]{font-size:28px;margin-bottom:20px;opacity:.95;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.hero-description[data-v-50285232]{font-size:18px;line-height:1.8;margin-bottom:40px;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.hero-buttons[data-v-50285232]{display:flex;gap:20px;justify-content:flex-start;flex-wrap:wrap}.btn[data-v-50285232]{padding:14px 35px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s;display:inline-block;border:2px solid transparent;cursor:pointer}.btn-primary[data-v-50285232]{background:#fff;color:#667eea;box-shadow:0 4px 15px #0003}.btn-primary[data-v-50285232]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:#f8f9fa}.btn-large[data-v-50285232]{padding:16px 40px;font-size:18px}.carousel-btn[data-v-50285232]{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;width:50px;height:50px;border-radius:50%;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.carousel-btn[data-v-50285232]:hover{background:#ffffff4d;border-color:#fff;transform:translateY(-50%) scale(1.1)}.carousel-btn-prev[data-v-50285232]{left:30px}.carousel-btn-next[data-v-50285232]{right:30px}.carousel-indicators[data-v-50285232]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.indicator[data-v-50285232]{width:12px;height:12px;border-radius:50%;border:2px solid white;background:transparent;cursor:pointer;transition:all .3s;padding:0}.indicator.active[data-v-50285232]{background:#fff;width:32px;border-radius:6px}.indicator[data-v-50285232]:hover{background:#ffffffb3}.lesson-sharing[data-v-50285232]{padding:80px 20px;background:#fff;width:100%}.lesson-sharing .container[data-v-50285232]{max-width:1200px;margin:0 auto;width:100%}.lesson-sharing .section-title[data-v-50285232]{text-align:center;font-size:36px;margin-bottom:50px;color:#2c3e50}.lesson-carousel-wrapper[data-v-50285232]{position:relative;display:flex;align-items:center;gap:20px}.lesson-carousel[data-v-50285232]{flex:1;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:20px 0}.lesson-carousel[data-v-50285232]::-webkit-scrollbar{display:none}.lesson-items[data-v-50285232]{display:flex;gap:20px;padding:0 10px}.lesson-item[data-v-50285232]{flex-shrink:0;width:300px;cursor:pointer;transition:transform .3s ease}.lesson-item[data-v-50285232]:hover{transform:scale(1.05)}.lesson-image-wrapper[data-v-50285232]{width:100%;height:200px;overflow:hidden;border-radius:12px;margin-bottom:15px;box-shadow:0 4px 15px #0000001a;transition:box-shadow .3s ease}.lesson-item:hover .lesson-image-wrapper[data-v-50285232]{box-shadow:0 8px 25px #0003}.lesson-image[data-v-50285232]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.lesson-item:hover .lesson-image[data-v-50285232]{transform:scale(1.1)}.lesson-title[data-v-50285232]{font-size:18px;font-weight:600;color:#2c3e50;text-align:center;margin:0;transition:color .3s ease}.lesson-item:hover .lesson-title[data-v-50285232]{color:#667eea}.lesson-nav-btn[data-v-50285232]{width:45px;height:45px;border-radius:50%;border:2px solid #667eea;background:#fff;color:#667eea;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.lesson-nav-btn[data-v-50285232]:hover:not(:disabled){background:#667eea;color:#fff;transform:scale(1.1)}.lesson-nav-btn[data-v-50285232]:disabled{opacity:.3;cursor:not-allowed}.features[data-v-50285232]{padding:80px 20px;background:#f8f9fa;width:100%}.container[data-v-50285232]{max-width:1200px;margin:0 auto;width:100%}.section-title[data-v-50285232]{text-align:center;font-size:36px;margin-bottom:50px;color:#2c3e50}.features-grid[data-v-50285232]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card[data-v-50285232]{background:#fff;padding:40px 30px;border-radius:12px;text-align:center;box-shadow:0 2px 10px #0000001a;transition:transform .3s,box-shadow .3s}.feature-card[data-v-50285232]:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.feature-icon[data-v-50285232]{font-size:48px;margin-bottom:20px}.feature-card h3[data-v-50285232]{font-size:24px;margin-bottom:15px;color:#2c3e50}.feature-card p[data-v-50285232]{color:#666;line-height:1.6}.usage[data-v-50285232]{padding:80px 20px;background:#fff;width:100%}.usage-content[data-v-50285232]{text-align:center;max-width:800px;margin:0 auto}.usage-text[data-v-50285232]{font-size:18px;color:#666;line-height:1.8;margin-bottom:40px}.arrow[data-v-50285232]{margin-left:10px;transition:transform .3s}.btn:hover .arrow[data-v-50285232]{transform:translate(5px)}@media (max-width: 768px){.hero-carousel[data-v-50285232]{height:500px}.hero-content[data-v-50285232]{padding:0 30px;max-width:100%}.hero-title[data-v-50285232]{font-size:32px}.hero-subtitle[data-v-50285232]{font-size:22px}.hero-description[data-v-50285232]{font-size:16px;margin-bottom:30px}.carousel-btn[data-v-50285232]{width:40px;height:40px;font-size:24px}.carousel-btn-prev[data-v-50285232]{left:15px}.carousel-btn-next[data-v-50285232]{right:15px}.carousel-indicators[data-v-50285232]{bottom:20px}.lesson-sharing[data-v-50285232]{padding:60px 20px}.lesson-item[data-v-50285232]{width:250px}.lesson-image-wrapper[data-v-50285232]{height:150px}.lesson-nav-btn[data-v-50285232]{width:40px;height:40px;font-size:20px}.features[data-v-50285232]{padding:60px 20px}.section-title[data-v-50285232]{font-size:28px}.features-grid[data-v-50285232]{grid-template-columns:1fr}.usage[data-v-50285232]{padding:60px 20px}}.about-page[data-v-718409a7]{min-height:calc(100vh - 70px)}.about-hero[data-v-718409a7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.page-title[data-v-718409a7]{font-size:48px;font-weight:700;margin-bottom:20px}.page-subtitle[data-v-718409a7]{font-size:24px;opacity:.9}.about-content[data-v-718409a7]{padding:80px 20px;background:#f8f9fa}.container[data-v-718409a7]{max-width:1200px;margin:0 auto}.about-section[data-v-718409a7]{background:#fff;padding:50px;border-radius:12px;margin-bottom:40px;box-shadow:0 2px 10px #0000001a}.about-section h2[data-v-718409a7]{font-size:32px;color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #667eea}.about-section p[data-v-718409a7]{font-size:16px;line-height:1.8;color:#666;margin-bottom:20px}.team-grid[data-v-718409a7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:30px}.team-member[data-v-718409a7]{text-align:center;padding:30px;background:#f8f9fa;border-radius:12px;transition:transform .3s}.team-member[data-v-718409a7]:hover{transform:translateY(-5px)}.member-avatar[data-v-718409a7]{font-size:64px;margin-bottom:20px}.team-member h3[data-v-718409a7]{font-size:20px;color:#2c3e50;margin-bottom:15px}.team-member p[data-v-718409a7]{color:#666;line-height:1.6}.values-grid[data-v-718409a7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:30px}.value-item[data-v-718409a7]{text-align:center;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;transition:transform .3s}.value-item[data-v-718409a7]:hover{transform:translateY(-5px)}.value-item h3[data-v-718409a7]{font-size:24px;margin-bottom:15px}.value-item p[data-v-718409a7]{color:#ffffffe6;margin:0}@media (max-width: 768px){.page-title[data-v-718409a7]{font-size:32px}.page-subtitle[data-v-718409a7]{font-size:18px}.about-content[data-v-718409a7]{padding:40px 20px}.about-section[data-v-718409a7]{padding:30px 20px}.about-section h2[data-v-718409a7]{font-size:24px}.team-grid[data-v-718409a7],.values-grid[data-v-718409a7]{grid-template-columns:1fr}}.contact-page[data-v-be76049b]{min-height:calc(100vh - 70px);width:100%}.contact-hero[data-v-be76049b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center;width:100%}.page-title[data-v-be76049b]{font-size:48px;font-weight:700;margin-bottom:20px}.page-subtitle[data-v-be76049b]{font-size:24px;opacity:.9}.contact-content[data-v-be76049b]{padding:80px 20px;background:#f8f9fa;width:100%}.container[data-v-be76049b]{max-width:1200px;margin:0 auto;width:100%}.contact-wrapper[data-v-be76049b]{display:flex;justify-content:center;align-items:start}.contact-info[data-v-be76049b]{max-width:800px;width:100%}.contact-info h2[data-v-be76049b]{font-size:32px;color:#2c3e50;margin-bottom:30px;padding-bottom:15px;border-bottom:3px solid #667eea;text-align:center}.info-item[data-v-be76049b]{display:flex;gap:20px;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:transform .3s,box-shadow .3s}.info-item[data-v-be76049b]:hover{transform:translateY(-3px);box-shadow:0 4px 15px #00000026}.info-icon[data-v-be76049b]{font-size:32px;flex-shrink:0}.info-item h3[data-v-be76049b]{font-size:20px;color:#2c3e50;margin-bottom:10px}.info-item p[data-v-be76049b]{color:#666;margin:5px 0;line-height:1.6}@media (max-width: 768px){.page-title[data-v-be76049b]{font-size:32px}.page-subtitle[data-v-be76049b]{font-size:18px}.contact-content[data-v-be76049b]{padding:40px 20px}.contact-info h2[data-v-be76049b]{font-size:24px}}