@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Montserrat:wght@300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.spa-site{background-color:#f8f3ef;color:#1a1a1a;font-family:Montserrat,sans-serif;overflow-x:hidden;text-align:center}h1,h2,h3,h4,h5,h6{font-family:Cormorant Garamond,serif;font-weight:400;line-height:1.1}nav button{background:#0000;border:none;color:#6d6d6d;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;padding:.5rem 0;position:relative;transition:color .3s ease}nav button:hover{color:#1a1a1a}nav button.nav-active{color:#1a1a1a;font-weight:500}nav button.nav-active:after{background:#1a1a1a;border-radius:50%;bottom:-4px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}button{cursor:pointer;font-family:Montserrat,sans-serif;transition:all .3s ease}.rounded-pill-img{border-radius:30px}.circle-image,.rounded-pill-img{background-color:#d1e0d2;overflow:hidden}.circle-image{border-radius:50%}.diamond{background:#1a1a1a;height:16px;position:absolute;transform:rotate(45deg);width:16px}.catalog-btn{align-items:center;background:none;border:none;color:#1a1a1a;display:flex;font-size:1rem;font-weight:500;padding:0}.catalog-btn svg{margin-left:.5rem;transition:transform .3s ease}.catalog-btn:hover svg{transform:translateX(4px)}.video-container{border:1px solid #ddd;border-radius:150px 150px 0 0;overflow:hidden;position:relative}.play-button{border-radius:50%;box-shadow:0 4px 20px #0000001a;cursor:pointer;display:flex;height:70px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70px;z-index:2}.play-button,.reviews-badge{align-items:center;background:#fff}.reviews-badge{border:1px solid #eee;border-radius:30px;box-shadow:0 4px 12px #0000000d;display:inline-flex;padding:.75rem 1.5rem}@keyframes fadeInModalOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideInModalContent{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay>.modal-content-container{opacity:0;transform:scale(.95) translateY(20px)}.hero-bg{background-position:50%;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(.95);transition:opacity 1.5s ease-in-out,transform 1.5s ease-in-out;width:100%;will-change:opacity,transform}.hero-bg.fade-in-image{opacity:1;transform:scale(1)}.hero-bg.fade-out-image{opacity:0;transform:scale(.95)}.hero-overlay{background:linear-gradient(135deg,#fffaf01a,#0000004d);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-container{align-items:center;display:flex;margin:0 auto;max-width:100%;min-height:100vh;padding:0 2rem;position:relative;width:100%;z-index:2}.hero-content{color:#fff;flex:1 1;max-width:600px;text-align:left;text-shadow:2px 2px 4px #00000080}.brand-symbol{animation:float 6s ease-in-out infinite;font-size:1.5rem}.brand-symbol,.main-heading{color:#fff;display:inline-block;margin-bottom:1rem}.main-heading{font-family:"Noto Serif TC",Microsoft JhengHei,PingFang TC,serif;font-size:2rem;font-weight:700;letter-spacing:4px;max-width:500px;position:relative;text-align:left;text-shadow:3px 3px 6px #000000b3}.divider{background:linear-gradient(90deg,#fff,#ffffff4d);border-radius:2px;height:3px;margin:1rem 0 2rem;overflow:hidden;position:relative;width:300px}.divider-shine{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#fffc,#0000);height:100%;left:-100%;position:absolute;top:0;width:50%}.main-description{color:#ffffffe6;font-weight:600;line-height:1.2}.main-description,.sub-description{font-family:"Noto Serif TC",Microsoft JhengHei,PingFang TC,serif;font-size:1.2rem;max-width:500px;text-align:left;text-shadow:2px 2px 4px #000000b3}.sub-description{color:hsla(0,0%,100%,.897);line-height:1.6;margin-bottom:3rem}.scroll-indicator{animation:bounce 2s infinite;bottom:2rem;color:#fff;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:2}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shine{0%{left:-100%}to{left:100%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.service-card button:hover{background-color:#336f4d!important;transform:scale(1.05)}.modal-content-container button:hover,div[style*="text-align: right"]>button:hover{background-color:#336f4d!important;transform:scale(1.03)}@media (max-width:992px){section{grid-template-columns:1fr!important}h1{font-size:3rem!important}h2{font-size:2.5rem!important}}@media (max-width:768px){header{flex-direction:column;gap:1rem}nav{align-items:center;flex-direction:row;gap:.2rem}nav button{font-size:.9rem;width:100%}.video-container{border-radius:100px 100px 0 0}.hero-section{background-attachment:scroll}.hero-container{align-items:left;flex-wrap:wrap;max-width:100%;padding:0 1rem}.hero-content{align-items:flex-start;max-width:100%;text-align:left}.scroll-indicator{font-size:1rem}.main-heading{font-size:1.8rem;line-height:1.3}.brand-symbol{font-size:1.5rem;margin-bottom:.5rem}.divider{width:200px}.main-description{font-size:1rem;max-width:100%}.sub-description{font-size:1.2rem;max-width:100%}.scroll-indicator{font-size:.8rem}}@media (max-width:480px){.main-heading{font-size:1.5rem;letter-spacing:1px}.main-description{font-size:.9rem}.sub-description{font-size:1.2rem}.scroll-indicator{display:none}}@media (max-width:768px){.modal-content-container{max-width:95vw;padding:1rem;width:95vw}.sub-course-item{align-items:center;flex-direction:column;padding:1rem}.sub-course-item img{height:auto;max-width:280px;width:100%}.sub-course-item>div{text-align:center}}
/*# sourceMappingURL=main.70df3276.css.map*/