@font-face{font-family:BentoSans;font-style:normal;font-weight:400;src:url(/static/media/BentonSans%20Condensed%20Medium.54f54c64ed5930c08397.otf)}@font-face{font-family:BentoSans;font-style:normal;font-weight:200;src:url(/static/media/BentonSans%20Condensed%20Regular.b57a4f641dc4b01f883f.otf)}*{font-family:BentoSans}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,html{overscroll-behavior:none}.landing2-title,.login-btn{font-family:BentonSans,sans-serif!important}.gpu-accelerated{backface-visibility:hidden;contain:layout style paint;transform:translateZ(0);will-change:transform,opacity}.middle{left:50%;opacity:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transition:.2s ease}.card-container:hover .card-image{opacity:.4}.card-container:hover .middle{opacity:1}.card-wrapper{backface-visibility:hidden;contain:layout style paint;overflow:hidden;position:relative;transform:translateZ(0)}.card-overlay{backface-visibility:hidden;background:#ffffffe6;box-shadow:0 -5px 10px #0000001a;contain:layout style paint;transform:translateZ(0)}.card-overlay,.course-card-title{bottom:0;left:0;position:absolute;width:100%}.course-card-title{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#111;font-family:BentonSans,sans-serif!important;font-size:20px;font-weight:600;padding:10px 0;text-align:center;z-index:1}.carousel-main{overflow:hidden;width:100%}.carousel-inner{display:flex;position:relative;transition:transform .5s ease-in-out}.carousel-item{flex:0 0 100%;position:relative}.carousel-text{align-items:center;background-image:linear-gradient(180deg,#0000004d,#0006);bottom:2px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;width:100%}.carousel-text-head{font-size:56px;font-weight:700;margin:0}.carousel-text-description{font-size:20px;font-weight:500;margin:0}.carousel-dots{display:none;margin-top:10px;text-align:center}.carousel-dot{background-color:#ddd;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 5px;width:10px}.carousel-dot.active{background-color:#0b3869}.footer{background-color:#f5f5f5;padding:40px 60px 30px}.footer-content{display:flex;gap:150px}.footer-text-box{display:flex;flex-direction:column;gap:100px;width:50%}.footer-text-quote{font-size:20px;font-style:italic;font-weight:500;margin:0 0 10px}.footer-text-name{font-size:16px;font-weight:400;margin:0 0 3px}.footer-text-title{font-size:14px;font-weight:400;margin:0}.email-form{display:flex;gap:6px;margin-bottom:20px;max-width:400px}.email-form input[type=email]{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:10px}.email-form button{background-color:#0b3869;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.footer-logo-section{flex-direction:column;width:50%}.footer-logo,.footer-logo-section{display:flex;justify-content:space-between}.raffles_footer-logo{display:flex;justify-content:end}.raffles_footer-logo img{background-color:#1113;border-radius:6px;padding:5px}.footer-logo img{display:flex;justify-content:end;max-width:200px}.footer-content-copyright{font-size:14px;margin-bottom:10px}.footer-quicklinks{display:flex;font-size:14px;gap:30px;justify-content:space-between}.footer-quicklinks-section{display:flex;flex-direction:column;gap:20px}.footer-quicklinks-section a{color:#0b3869;text-decoration:none}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,63%,.711);border-radius:8px;box-shadow:0 4px 30px #0000001a;margin:0 60px;position:absolute;top:10px;width:calc(100% - 120px);z-index:10}.nav-link{font-family:BentonSans,sans-serif!important}.search-input-container{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0003;margin-top:5px;overflow:hidden;position:absolute;right:42px;top:100%;transition:all .3s ease;width:220px;z-index:1000}.search-input{border:none;font-size:14px;outline:none;padding:8px 12px;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-input-container{animation:slideDown .2s ease forwards}.our-story{background-color:#0b3869;display:flex;padding:120px 60px 80px}.early-beginings-container{display:flex;gap:10px;height:100%;margin:0 20px;position:relative;width:100%}.early-beginings-image-container{display:flex;flex-direction:column;position:relative;width:50%;z-index:1}.early-beginings-image{background-repeat:no-repeat}.early-beginings-context{border-radius:10px;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px;position:relative;width:calc(50% - 80px);z-index:2}.early-beginings-context:before{background-image:url(/static/media/early-beginings.ff96bd2db44886dbe18c.jpg);background-position:100%;background-repeat:no-repeat;background-size:100% 100%;content:"";height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%;z-index:0}.early-beginings-heading{color:#1e3b66;font-size:58px;font-weight:600;position:relative}.early-beginings-subeading-text-container{display:flex;gap:10px}.early-beginings-subeading{color:#1e3b66;font-size:22px;font-weight:700}.early-beginings-text-continer{color:#1e3b66;display:flex;flex-direction:column;gap:24px;margin-top:10px}.early-beginings-text{font-size:20px;line-height:26px}.tea-leagacy-container{padding:70px 60px 60px;width:calc(100% - 120px)}.tea-legacy-head{color:#1e3b66;font-size:69px;font-weight:600}.tea-legacy-subhead{color:#1e3b66;font-size:36px;font-weight:600}.tea-legacy-content-container{align-items:center;display:flex;gap:40px}.tea-legacy-content-container:before{background-image:url(/static/media/The-1872-Clipper-Tea-Co-Secondary-Navy-Logo-Border.96eadead6904b9fe306b.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;content:"";height:25%;left:6%;opacity:.5;position:absolute;top:90%;transform:translate(-50%,-50%);width:25%;z-index:0}.tea-legacy-text-container{display:flex;flex-direction:column;gap:40px;position:relative;width:55%}.tea-legacy-text-head{font-size:24px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.tea-legacy-text-content{font-size:20px;line-height:24px;margin-bottom:60px;margin-top:10px}.tea-legacy-image-section{align-items:center;display:flex;justify-content:center;width:45%}.tea-legacy-image-container{align-items:flex-end;background-image:url(/static/media/rehan-amarasuriya-portrait.d7e5f7e1fb0d46f47aa7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:flex;height:600px;max-width:450px;overflow:hidden;position:relative;width:100%}.tea-legacy-overlay{background:linear-gradient(0deg,#000000d9 0,#00000080 50%,#0000);bottom:0;height:30%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.tea-legacy-text-quote-container{color:#fff;padding:.8rem;position:relative;text-align:center;z-index:2}.tea-legacy-text-quote-head{color:#fff;font-family:BentoSans;font-size:1.1rem;font-style:italic;font-weight:600;line-height:1.2;margin-bottom:1rem}.tea-legacy-text-quote-text{color:#fffffff2;font-family:BentoSans;font-size:.9rem;line-height:1.2}.speciality-container{align-items:center;display:flex;flex-direction:column;gap:30px;height:100%;justify-content:center;padding:0 60px;width:100%}.speciality-head{color:#1e3b66;font-size:80px;font-weight:600;text-align:center}.speciality-text{color:#565656;font-size:22px;line-height:22px;max-width:700px;text-align:center}.speciality-image-container{background-image:url(/static/media/carousel-img-3.f9760121bec9b8ce097e.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.how-different{padding:50px 60px;text-align:center;width:100%}.how-different h1{color:#173e7a;font-size:78px;margin:0 50px 10px 0;text-align:right}.how-different h2{color:#173e7a;font-size:32px;font-weight:400;margin:0 50px 30px 0;text-align:right;text-transform:uppercase}.sections{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.section{align-items:center;background-position:50%;background-size:cover;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;height:400px;justify-content:flex-end;overflow:hidden;padding:20px;position:relative;text-align:center;width:300px}.section:before{background:rgba(0,0,0,.295);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.section img{height:200px;object-fit:cover;width:100%}.section-number{align-items:center;background-color:#173e7a;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;left:280px;padding:10px;position:absolute;top:40%;width:40px;z-index:5}.blink-arrow{animation:blink 1.6s infinite;height:24px;width:24px}.section h3,.section p{position:relative;z-index:2}.section h3{color:#fff;font-size:1.2rem;margin:15px 20px 10px}.section p{color:#fff;font-size:1rem;margin:0 20px 20px}.carousel{align-items:center;display:flex;justify-content:center;margin-top:20px;position:relative}.impact-container{padding:80px 60px;text-align:center;width:100%}.impact-grid-1{width:55%}.impact-grid-1,.impact-grid-2{display:flex;flex-direction:column;gap:20px}.impact-grid-2{width:45%}.impact-title{color:#173e7a;font-size:80px;margin:0 0 15px}.impact-grid-container{display:flex;gap:20px}.impact-item{background-color:#173e7a;border-radius:8px;padding:18px;text-align:left}.impact-item:hover{scale:1.05;transition:.8s}.impact-text-container{display:flex;gap:10px}.impact-text{color:#fff;font-size:28px;font-weight:500;margin:0!important}.impact-highlight-text{color:#fff;display:flex;font-size:59px;font-weight:700;margin:0}.impact-highlight-text.top{color:#fdeee0;font-size:92px!important}.impact-highlight-text.million{color:#468af0;font-size:80px!important}.impact-highlight-text.serving{color:#468af0;font-size:41px!important}.impact-highlight-text.fivehundred{color:#468af0;font-size:92px!important}.impact-highlight-text.cups{font-size:80px!important}.impact-text.week{font-size:32px!important}.impact-item.impact-item-1,.impact-item.impact-item-5{background-color:#fdeee0}.impact-item.impact-item-1 .impact-highlight-text{color:#173e7a}.impact-item.impact-item-1 .impact-text{background-color:#173e7a;border-radius:8px;color:#fff9f4;padding:8px}.impact-number-text{margin-left:5px}.impact-item.impact-item-5 .impact-text{color:#fff9f4}.impact-highlight-text.cups{color:#173e7a}.impact-item.impact-item-4,.impact-item.impact-item-5{padding:48px!important}.impact-logo-container{background-image:url(/static/media/The-1872-Clipper-Tea-Co-Secondary-Navy-Logo-Border.96eadead6904b9fe306b.png);background-size:contain;height:530px;width:100%}.impact-item.impact-item-2,.impact-logo-container{background-position:50%;background-repeat:no-repeat}.impact-item.impact-item-2{background-image:url(/static/media/TeaTang-plantation.90ba77cb5103a424a242.jpg);background-size:cover;position:relative;z-index:1}.impact-item.impact-item-2:before{background:#0003;border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.impact-item.impact-item-5{background-image:url(/static/media/Fresh-Brewed-Tea.562e6711aa09487a83f3.jpg);background-position:50%;background-repeat:no-repeat;background-size:100% auto;position:relative;z-index:1}.impact-item.impact-item-5:before{background:#0003;border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.tea-page{background-color:#fff;padding:80px 60px;position:relative;text-align:center}.tea-page:before{background-image:url(/static/media/The-1872-Clipper-Tea-Co-Secondary-Navy-Logo-Border.96eadead6904b9fe306b.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;content:"";height:25%;left:5%;opacity:.5;position:absolute;top:90%;transform:translate(-50%,-50%);width:25%;z-index:0}.heading{color:#173e7a;font-size:88px;font-weight:700;margin-bottom:55px!important;margin:0}.description{color:#565656;display:flex;font-size:16px;justify-content:center;line-height:1.5;margin:0 auto;max-width:500px}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:#007aff;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27)}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{transform:translateZ(0);transition:opacity .3s}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:#0000001a;background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:10px;border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:4px;bottom:var(--swiper-scrollbar-bottom,4px);height:4px;height:var(--swiper-scrollbar-size,4px);left:1%;left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:auto;top:var(--swiper-scrollbar-top,auto);width:98%;width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:98%;height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:auto;left:var(--swiper-scrollbar-left,auto);position:absolute;right:4px;right:var(--swiper-scrollbar-right,4px);top:1%;top:var(--swiper-scrollbar-sides-offset,1%);width:4px;width:var(--swiper-scrollbar-size,4px);z-index:50}.swiper-scrollbar-drag{background:#00000080;background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:10px;border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-height:100%;max-width:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-cube .swiper-cube-shadow:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}.course-content-wrapper{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-x:hidden;padding:20px;position:relative;width:100%}.swiper-container{overflow:hidden;width:100%}.swiper-container,.swiper-slide{box-sizing:border-box;height:100%}.swiper-slide{align-items:center;display:flex;flex-direction:row;justify-content:center;overflow-x:hidden;overflow-y:hidden;padding:40px}.swiper-button-next,.swiper-button-prev{color:#000;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.swiper-button-next{right:20px}.swiper-button-prev{left:20px}.swiper-pagination{bottom:30px;left:50%!important;position:absolute;text-align:center;transform:translateX(-50%);z-index:10}.swiper-pagination-bullet{background:#0003;color:#000;font-size:12px;height:20px;line-height:20px;opacity:1;text-align:center;width:20px}.swiper-pagination-bullet-active{background:#007aff;color:#fff}.course-arrow{align-items:center;background-color:#0b3869e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .25s,opacity .25s,transform .25s;width:32px;z-index:60}.course-arrow-prev{left:10px}.course-arrow-next{right:10px}.course-arrow svg{font-size:18px}.course-arrow:not([disabled]):hover{background-color:#092e55;transform:translateY(-50%) scale(1.05)}.course-arrow[disabled]{background-color:#0b386940;cursor:not-allowed;opacity:.6;transform:translateY(-50%)}.course-arrow.disabled-visual{background-color:#0b386940;cursor:pointer;opacity:.6}.course-arrow.disabled-visual:hover{background-color:#0b386959;transform:translateY(-50%) scale(1.02)}.course-pagination{bottom:10px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:50}.course-pagination-bullet{align-items:center;background-color:#fff;border:2px solid #0b386966;border-radius:50%;color:#0b3869;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:24px;justify-content:center;transition:background-color .3s,color .3s,border-color .3s,opacity .3s;width:24px}.course-pagination-bullet.completed{border-color:#0b3869}.course-pagination-bullet.active{background-color:#0b3869;color:#fff}.course-pagination-bullet.disabled{cursor:not-allowed;opacity:.35}.course-nav-toast{background-color:#860808f2;border-radius:999px;box-shadow:0 8px 24px #69130b4d;color:#fff;font-size:14px;font-weight:600;left:50%;letter-spacing:.2px;max-width:80%;padding:12px 24px;pointer-events:none;position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:9999}.exit-course-button{align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:3px;padding:8px 16px;position:absolute;right:20px;top:20px;transition:background-color .3s;z-index:100}.exit-course-button:hover{background-color:#e0e0e0}.exit-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.exit-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90%;padding:24px;text-align:center;width:400px}.exit-modal h3{color:#333;font-size:20px;margin-top:0}.exit-modal p{color:#666;margin-bottom:24px}.exit-modal-buttons{display:flex;flex-direction:column;gap:12px}.cancel-button,.exit-button,.save-exit-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .3s}.save-exit-button{background-color:#0b3869;color:#fff}.save-exit-button:hover{background-color:#0a2d54}.exit-button{background-color:#f44336;color:#fff}.exit-button:hover{background-color:#d32f2f}.cancel-button{background-color:#f0f0f0;color:#333}.cancel-button:hover{background-color:#e0e0e0}.supply-chain-home{align-items:center;display:flex;flex-direction:column;height:calc(100% - 150px);justify-content:center;padding:90px 60px 60px;position:relative;width:calc(100% - 120px)}.supply-chain-home:before{background-image:url(/static/media/The-1872-Clipper-Tea-Co-Secondary-Navy-Logo-Border.96eadead6904b9fe306b.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;content:"";height:25%;left:5%;opacity:.5;position:absolute;top:95%;transform:translate(-50%,-50%);width:25%;z-index:0}.supply-chain-home-heading{color:#1e3b66;font-size:57px;font-weight:600}.supply-chain-home-text{font-size:20px;margin-bottom:40px;max-width:1200px;text-align:center}.supply-chain-image-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);margin-top:20px;max-width:900px;position:relative}.image-tile{border-radius:12px;box-shadow:0 4px 10px #0000001a;height:200px;overflow:hidden;width:100%}.image-container{height:100%;position:relative;width:100%}.image-tile img{border-radius:12px;height:100%;object-fit:cover;width:100%}.image-tile:nth-child(2) img,.image-tile:nth-child(4) img{object-position:top}.tile-title{background-color:#1e3b66b3;bottom:0;color:#fff;font-size:16px;font-weight:500;left:0;letter-spacing:1px;padding:8px 0;position:absolute;text-align:center;width:100%}.supply-chain-sourcing{background-color:#fdeee0;border-radius:8px;display:flex;height:calc(100% - 100px);overflow:hidden;padding:50px 30px;width:100%}.supply-chain-sourcing-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 20px 20px;height:100%;overflow:hidden;width:50%}.supply-chain-sourcing-context{overflow-y:auto;padding:0 50px 30px 60px;position:relative;width:calc(50% - 120px)}.supply-chain-sourcing-context:before{background-image:url(/static/media/The-1872-Clipper-Tea-Co-Secondary-Navy-Logo-Border.96eadead6904b9fe306b.png);background-repeat:no-repeat;background-size:contain;content:"";height:25%;left:20%;opacity:.5;position:absolute;top:95%;transform:translate(225%,-50%);width:25%;z-index:0}.supply-chain-sourcing-context-container{opacity:1;position:relative;z-index:1}.supply-chain-sourcing-context-list{padding-left:20px}.supply-chain-sourcing-context-heading{color:#1e3b66;font-size:47px;font-weight:600}.supply-chain-sourcing-context-list-item{color:#1e3b66;font-size:16px;margin-top:12px}.supply-chain-blending{background-color:#fdeee0;border-radius:8px;display:flex;height:calc(100% - 100px);overflow:hidden;padding:50px 30px;width:100%}.supply-chain-blending-image{background-image:url(/static/media/tea%20blending.e385bd5ba0266cfe2dbc.png);background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 20px 20px;overflow:hidden;width:50%}.supply-chain-blending-context{overflow-y:auto;padding:0 50px 30px 60px;position:relative;width:calc(50% - 120px)}.supply-chain-blending-context:before{background-image:url(/static/media/The-1872-Clipper-Tea-Co-Secondary-Navy-Logo-Border.96eadead6904b9fe306b.png);background-repeat:no-repeat;background-size:contain;content:"";height:25%;left:20%;opacity:.5;position:absolute;top:95%;transform:translate(225%,-50%);width:25%;z-index:0}.supply-chain-blending-context-container{opacity:1;position:relative;z-index:1}.supply-chain-blending-context-list{padding-left:20px}.supply-chain-blending-context-heading{color:#1e3b66;font-size:47px;font-weight:600}.supply-chain-blending-context-list-item{color:#1e3b66;font-size:16px;margin-top:12px}.supply-chain-packaging{background-color:#fdeee0;border-radius:8px;display:flex;height:calc(100% - 100px);overflow:hidden;padding:50px 30px;width:100%}.supply-chain-packaging-image{background-image:url(/static/media/packaging.28f6953a2c7208183975.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 20px 20px;overflow:hidden;width:50%}.supply-chain-packaging-context{overflow-y:auto;padding:0 50px 30px 60px;position:relative;width:calc(50% - 120px)}.supply-chain-packaging-context:before{background-image:url(/static/media/The-1872-Clipper-Tea-Co-Secondary-Navy-Logo-Border.96eadead6904b9fe306b.png);background-repeat:no-repeat;background-size:contain;content:"";height:25%;left:20%;opacity:.5;position:absolute;top:95%;transform:translate(225%,-50%);width:25%;z-index:0}.supply-chain-packaging-context-container{opacity:1;position:relative;z-index:1}.supply-chain-packaging-context-list{padding-left:20px}.supply-chain-packaging-context-heading{color:#1e3b66;font-size:47px;font-weight:600}.supply-chain-packaging-context-list-item{color:#1e3b66;font-size:16px;margin-top:12px}.supply-chain-export{background-color:#fdeee0;border-radius:8px;display:flex;height:calc(100% - 100px);overflow:hidden;padding:50px 30px;width:100%}.supply-chain-export-image{background-image:url(/static/media/exports.803b4658bc505dfa4c55.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 20px 20px;overflow:hidden;width:50%}.supply-chain-export-context{overflow-y:auto;padding:0 50px 30px 60px;position:relative;width:calc(50% - 120px)}.supply-chain-export-context:before{background-image:url(/static/media/The-1872-Clipper-Tea-Co-Secondary-Navy-Logo-Border.96eadead6904b9fe306b.png);background-repeat:no-repeat;background-size:contain;content:"";height:25%;left:20%;opacity:.5;position:absolute;top:95%;transform:translate(225%,-50%);width:25%;z-index:0}.supply-chain-export-context-container{opacity:1;position:relative;z-index:1}.supply-chain-export-context-list{padding-left:20px}.supply-chain-export-context-heading{color:#1e3b66;font-size:47px;font-weight:600}.supply-chain-export-context-list-item{color:#1e3b66;font-size:16px;margin-top:12px}.supply-chain-storage{background-color:#fdeee0;border-radius:8px;display:flex;height:calc(100% - 100px);overflow:hidden;padding:50px 30px;width:100%}.supply-chain-storage-image{background-image:url(/static/media/storage.c63a35de51a8af79132d.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 20px 20px;overflow:hidden;width:50%}.supply-chain-storage-context{overflow-y:auto;padding:0 50px 30px 60px;position:relative;width:calc(50% - 120px)}.supply-chain-storage-context:before{background-image:url(/static/media/The-1872-Clipper-Tea-Co-Secondary-Navy-Logo-Border.96eadead6904b9fe306b.png);background-repeat:no-repeat;background-size:contain;content:"";height:25%;left:20%;opacity:.5;position:absolute;top:95%;transform:translate(225%,-50%);width:25%;z-index:0}.supply-chain-storage-context-container{opacity:1;position:relative;z-index:1}.supply-chain-storage-context-list{padding-left:20px}.supply-chain-storage-context-heading{color:#1e3b66;font-size:47px;font-weight:600}.supply-chain-storage-context-list-item{color:#1e3b66;font-size:16px;margin-top:12px}.supply-chain-accounting{background-color:#fdeee0;border-radius:8px;display:flex;height:calc(100% - 100px);overflow:hidden;padding:50px 30px;width:100%}.supply-chain-accounting-image{background-image:url(/static/media/account%20servicing.b1f83375ed7fdf9a71db.JPG);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 20px 20px;overflow:hidden;width:50%}.supply-chain-accounting-context{overflow-y:auto;padding:0 50px 30px 60px;position:relative;width:calc(50% - 120px)}.supply-chain-accounting-context:before{background-image:url(/static/media/The-1872-Clipper-Tea-Co-Secondary-Navy-Logo-Border.96eadead6904b9fe306b.png);background-repeat:no-repeat;background-size:contain;content:"";height:25%;left:20%;opacity:.5;position:absolute;top:95%;transform:translate(225%,-50%);width:25%;z-index:0}.supply-chain-accounting-context-container{opacity:1;position:relative;z-index:1}.supply-chain-accounting-context-list{padding-left:20px}.supply-chain-accounting-context-heading{color:#1e3b66;font-size:47px;font-weight:600}.supply-chain-accounting-context-list-item{color:#1e3b66;font-size:16px;margin-top:12px}.timeline-container{background-color:#fff;height:calc(100% - 90px);padding:90px 60px;text-align:center;width:100%}.timeline-header{color:#173e7a;font-size:80px;font-weight:600}.years-container{display:flex;gap:130px;justify-content:center;padding:50px 0 0;scrollbar-width:none;white-space:nowrap}.year{color:#c2c2c2;cursor:pointer;font-size:60px;font-weight:400}.year.active,.year:hover{color:#173e7a}.year.active{font-size:64px;font-weight:600}.content-container{margin-left:auto;margin-right:auto;max-width:750px;text-align:left}.content-box{border-radius:10px;padding:20px}.year-heading{color:#173e7a;font-size:60px;font-weight:700}.content-text{color:#173e7a;font-size:20px;line-height:1.6;margin:0}.image-text-wrapper{align-items:center;display:flex;gap:20px}.text-container{display:flex;flex-direction:column;gap:12px}.year-image{background-size:contain;border-radius:8px;height:320px;width:250px}.container{padding:40px;width:100%}.content{align-items:center;display:flex;gap:15px}.text-section{width:60%}.tea-tang-heading{color:#173e7a;font-size:50px;font-weight:600}.tea-tang-description{color:#173e7a;font-size:16px;margin-bottom:20px}.qa-container{display:flex;flex-direction:column;gap:10px}.qa-item{align-items:center;border-bottom:1px solid #173f7a5b;cursor:pointer;display:flex;padding:10px;transition:background .3s ease}.qa-item.active{background-color:#173e7a1a;border-radius:8px}.question{align-items:center;color:#173e7a;cursor:pointer;display:flex;flex:1 1;font-size:20px;font-weight:600;gap:10px}.qa-arrow{font-size:14px;transition:transform .3s ease}.answer{color:#173e7a;flex:1 1;font-size:16px;overflow:hidden;padding-left:20px}.tea-tang-image{background-image:url(/static/media/tea-tang-factory.554e395da864a8df16be.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;height:420px;position:relative;width:40%}.course-1{height:100vh;overflow:hidden;position:relative}.course-1 .course-content{height:100vh;left:0;position:absolute;top:0;transform:translateY(100vh);transition:transform 1.2s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.course-1 .course-content.active{transform:translateY(0)}.course-1 .get-started-section{background-color:#fff;height:100vh;left:0;position:absolute;top:0;transform:translateY(0);transition:transform 1.2s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.course-1 .get-started-section.slide-up{transform:translateY(-100vh)}.pop-up-content{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:center;padding:40px}.pop-up-content h2{font-size:40px;margin:0}.pop-up-content p{font-size:20px;text-align:center}.result-buttons{align-items:center;display:flex;gap:10px;justify-content:center}.result-buttons button{background-color:#1e3b66;border:none;border-radius:8px;color:#fff;font-size:18px;height:50px;outline:none;padding:8px 12px;width:160px}.quiz-score{display:flex;font-size:40px!important;gap:6px}.quiz-landing-container{background-color:#1e3b66;border-radius:8px;height:calc(100% - 180px);padding:60px 60px 120px}.quiz-landing-container-logo{display:flex;justify-content:flex-end;width:100%}.quiz-landing-context{display:flex;gap:50px}.quiz-landing-context-head{color:#fff;display:flex;flex-direction:column;width:55%}.quiz-landing-context-head-subtitle{font-size:20px;letter-spacing:2px}.quiz-landing-context-head-main-title{font-size:120px;font-weight:600}.quiz-landing-context-head-title{color:#fefae0;font-size:78px;font-weight:600}.quiz-landing-context-sub{color:#fff;display:flex;flex-direction:column;font-size:20px;justify-content:center;line-height:30px;width:45%}.quiz-landing-context-button:hover{background-color:#fefae0!important}.quiz-landing-context-head-title-quiz{color:#fefae0;display:flex;font-size:78px;font-weight:600;justify-content:flex-end;margin-right:30px}.quiz-landing-context-button{animation:blink 1.2s infinite}.quiz-landing-context-button-icon{font-size:20px;font-weight:500}.quiz-slide{width:60%}.quiz-slide-logo{height:auto;width:100px}.quiz-slide-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.quiz-question-number{color:#1e3b66;font-size:40px}.quiz-slide-course-name{color:#1e3b66;font-size:22px}.quiz-answers{display:flex;flex-direction:column;gap:6px}.quiz-actions{display:flex;justify-content:flex-end;margin-top:20px;width:100%}.quiz-submit{background-color:#1e3b66;border:none;border-radius:10px;color:#fff;font-weight:600;outline:none;padding:10px 8px;width:160px}.quiz-question{font-size:24px}.quiz-submit:hover{cursor:pointer}.quiz-submit:disabled{background-color:#81858c;color:#fff;cursor:not-allowed}.correct-answer{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;padding:5px}.wrong-answer{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;padding:5px}.quiz-answers label{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:20px;gap:10px;padding:8px;transition:all .3s ease}.quiz-answers label:not(.correct-answer):not(.wrong-answer):hover{background-color:#f1f1f1}.warning-message{color:red;font-size:16px;font-weight:700;margin:10px 0}.quiz-feedback{align-items:center;display:flex;margin-top:10px;min-height:40px}.correct{color:#155724;font-weight:600}.incorrect{color:#721c24;font-weight:600}.legacy-container{display:flex;height:100%;margin:0 20px;position:relative;width:100%}.legacy-container:before{background-image:url(/static/media/iced-tea-mocktails.c92ce3df5734240703c4.png);background-position:100%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%;z-index:0}.legacy-image-container{display:flex;flex-direction:column;position:relative;width:50%;z-index:1}.legacy-image{background-repeat:no-repeat}.legacy-context{display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px;position:relative;width:calc(50% - 80px);z-index:1}.legacy-heading{color:#1e3b66;font-size:58px;font-weight:600}.legacy-subeading-text-container{display:flex;gap:10px}.legacy-subeading{color:#1e3b66;font-size:22px;font-weight:700}.legacy-text-continer{color:#1e3b66;display:flex;flex-direction:column;gap:24px;margin-top:10px}.legacy-text{font-size:20px;line-height:26px}@media (max-width:768px){.legacy-container{align-items:center;flex-direction:column;text-align:center}.legacy-context,.legacy-image-container{width:100%}}.tea-tang-landing-container{align-items:center;background-image:url(/static/media/TeaTang-plantation-02.e9777d057f904ce240af.png);background-position:50%;background-size:cover;color:#fff;display:flex;height:100%;position:relative;width:100%}.tea-tang-landing-container:before{background-color:#0000004d;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.tea-tang-landing-heading-container{align-items:center;display:flex;gap:10px;width:60%;z-index:1}.tea-tang-landing-heading{font-size:8rem;font-weight:700;margin-left:3rem;text-align:left;z-index:1}.tea-tang-landing-logo{background-image:url(/static/media/tea-tang-logo.0b75f168bd093c698e67.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:200px;margin-left:10%;width:200px}.tea-tang-landing-description{display:flex;flex-direction:column;font-size:1.5rem;gap:30px;justify-content:flex-end;margin:auto 0 50px;max-width:500px;width:40%;z-index:1}.tea-tang-slide-text{font-size:1.2rem}.tea-tang-slide-button{align-items:center;animation:blink 1.2s infinite;background-color:#ffffff68;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;transition:.3s;width:230px}@media (max-width:768px){.tea-tang-heading{font-size:4rem;margin-left:1rem}.tea-tang-description{font-size:1.2rem;margin-left:1rem;max-width:80%}}.course2-get-started-container{background-color:#11406a;display:relative;display:flex;flex-direction:column;height:calc(100vh - 180px);padding:60px 60px 120px;width:calc(100% - 120px)}.course2-get-started-container-logo{display:flex;justify-content:flex-end;width:100%}.course2-get-started-context{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.course2-get-started-context-head{color:#fff;display:flex;flex-direction:column;margin-bottom:40px;text-align:center;width:100%}.course2-get-started-context-head-course-number{color:#e5e0da;font-size:20px;letter-spacing:2px;margin-bottom:20px;margin-top:-20px;opacity:.9}.course2-get-started-context-head-main-title{color:#fff;font-size:100px;font-weight:600;line-height:.8;margin:0}.course2-get-started-context-head-main-title-sub{color:#e5e0da;font-size:78px;font-weight:600;line-height:1.2;margin:0 0 20px}.course2-get-started-context-head-subtitle{color:#e5e0da;font-size:20px;letter-spacing:2px;margin:5px 0;opacity:.9}.course2-get-started-context-sub{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:20px;justify-content:center;line-height:30px;margin:0 auto;max-width:800px;text-align:center;width:100%}.course2-get-started-context-button{align-self:center;animation:blink 1.2s infinite;background-color:#fefae0!important;box-shadow:0 4px 15px #0e3f6a66!important;font-weight:600!important;margin-top:30px!important;transition:all .3s ease!important}@media (max-width:1024px){.course2-get-started-context-head-main-title{font-size:100px}.course2-get-started-context-head-main-title-sub{font-size:65px}.course2-get-started-context-sub{font-size:18px;line-height:28px}}@media (max-width:768px){.get-started-container{height:calc(100vh - 120px);padding:40px 20px 80px;width:calc(100% - 40px)}.get-started-context-head-main-title{font-size:80px}.get-started-context-head-main-title-sub{font-size:50px}.get-started-context-head-subtitle{font-size:18px}.get-started-context-sub{font-size:18px;line-height:26px}}.course2-slide01-container{background:#fff;display:flex;height:100vh;position:relative;width:100%}.course2-slide01-image-container{background:#fff;overflow:hidden;position:relative;width:50%}.course2-slide01-image-container img{height:100%;object-fit:cover;width:100%}.course2-slide01-content{background:#fff;display:flex;flex-direction:column;gap:40px;justify-content:center;padding:80px 60px;position:relative;width:50%}.course2-slide01-title{font-size:42px;font-weight:300;letter-spacing:-.5px;line-height:1.1;margin-bottom:0}.course2-slide01-question{cursor:pointer;display:flex;flex-direction:column;margin-top:1rem}.course2-slide01-question:hover{transform:none}.question-highlight{color:#11406a;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.question-text{color:#1f2937;font-size:1.2rem;font-weight:400;line-height:1.6;max-width:100%}.reveal-cta-button{align-items:center;background:linear-gradient(45deg,#11406a,#094f8b);border:none;border-radius:12px;box-shadow:0 4px 20px rgba(19,102,203,.237);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin-top:1rem;padding:1rem 1.75rem;transition:all .3s ease}.reveal-cta-button:hover{box-shadow:0 8px 30px #2563eb66;transform:scale(1.05)}.button-icon{font-size:1.4rem;transition:transform .3s ease}.reveal-cta-button:hover .button-icon{transform:translateX(4px)}.answer-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #00000012;padding:1.75rem 0;width:100%}.answer-card p{color:#1e293b;font-size:1.2rem;line-height:1.7;margin:0;padding:0 2rem}.answer-lead-in{color:#0f5a9b;font-size:1.25rem;font-weight:700;margin-right:.5rem}.course2-slide01-interactive-area{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:200px}@keyframes pulse-glow{0%{box-shadow:0 5px 15px #2563eb4d,0 2px 5px #1e40af33}50%{box-shadow:0 8px 25px #2563eb73,0 4px 10px #1e40af4d}to{box-shadow:0 5px 15px #2563eb4d,0 2px 5px #1e40af33}}@media (max-width:1024px){.course2-slide01-content{gap:30px;padding:60px 40px}.course2-slide01-title{font-size:36px}.course2-slide01-question{font-size:20px;padding-left:25px}.course2-slide01-explanation{font-size:16px}.course2-slide01-question:before{width:3px}}@media (max-width:768px){.course2-slide01-container{flex-direction:column}.course2-slide01-content,.course2-slide01-image-container{width:100%}.course2-slide01-image-container{height:40vh}.course2-slide01-content{gap:25px;height:60vh;padding:40px 30px}.course2-slide01-title{font-size:28px}.course2-slide01-question{font-size:18px;padding-left:20px}.course2-slide01-explanation{font-size:15px}.course2-slide01-question:before{width:3px}}.course2-slide02-container{align-items:center;background:#f8fafc;display:flex;gap:60px;height:100vh;padding:40px;width:100%}.course2-slide02-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;display:flex;flex:1 1;flex-direction:column;gap:30px;max-width:500px;padding:50px;position:relative}.course2-slide02-content:before{background:#11406a;border-radius:0 20px 20px 0;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.course2-slide02-title{font-size:32px;font-weight:300;letter-spacing:-.5px;line-height:1.1}.course2-slide02-question{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff9;border:1px solid #e2e8f0cc;border-radius:50px;box-shadow:0 4px 20px #0000000d;color:#135691;cursor:pointer;font-size:1.25rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;padding:16px 28px;position:relative;text-align:center;transition:all .4s ease}.course2-slide02-question:hover{background-color:#fffc;border-color:#e2e8f0;box-shadow:0 7px 25px #00000014}.course2-slide02-interactive-area[data-revealed=true] .course2-slide02-question{align-self:flex-start;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;border-color:#0000;box-shadow:none;color:#11406a;cursor:default;font-size:22px;font-weight:600;padding:0;text-align:left}.course2-slide02-interactive-area[data-revealed=true] .course2-slide02-question:after{animation:questionUnderline 1s ease-out .5s forwards;background:#11406a;border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}@keyframes questionUnderline{to{transform:scaleX(1)}}.course2-slide02-interactive-area{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;transition:justify-content .5s ease-out;width:100%}.course2-slide02-interactive-area[data-revealed=true]{justify-content:flex-start}.course2-slide02-explanation{color:#334155;font-size:1.1rem;line-height:1.8;margin-top:2.5rem;padding:0 5px;text-align:left;width:100%}.course2-slide02-image-container{border-radius:24px;box-shadow:0 20px 60px #00000026;flex:1 1;height:70vh;max-width:600px;overflow:hidden;position:relative;transform:perspective(1000px) rotateY(-5deg);transition:transform .6s ease}.course2-slide02-image-container:hover{transform:perspective(1000px) rotateY(0deg) scale(1.02)}.course2-slide02-image-container img{filter:brightness(.95) contrast(1.1);height:100%;object-fit:cover;width:100%}.image-overlay{align-items:end;background:linear-gradient(#0000,#11406ad9);bottom:0;display:flex;justify-content:center;left:0;padding:40px;position:absolute;right:0}.overlay-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:20px;font-weight:500;letter-spacing:.5px;padding:12px 24px;text-align:center}@media (max-width:1200px){.course2-slide02-container{gap:40px;padding:30px}.course2-slide02-content{padding:40px}.course2-slide02-image-container{height:60vh;transform:none}.course2-slide02-image-container:hover{transform:scale(1.02)}}@media (max-width:768px){.course2-slide02-container{flex-direction:column;gap:30px;height:auto;min-height:100vh;padding:20px}.course2-slide02-content{gap:25px;max-width:none;padding:30px}.course2-slide02-title{font-size:26px}.course2-slide02-question{font-size:18px;margin-left:15px}.course2-slide02-explanation{font-size:15px;line-height:1.6;margin-left:15px}.course2-slide02-image-container{height:50vh;max-width:none;transform:none}.course2-slide02-image-container:hover{transform:none}.overlay-text{font-size:16px;padding:8px 16px}.image-overlay{padding:25px}}.course2-slide03-container{background:#fff;display:flex;height:100vh;width:100%}.course2-slide03-image-container{border-radius:24px;box-shadow:0 15px 50px #0000001f;margin:30px 0 30px 30px;overflow:hidden;position:relative;width:45%}.course2-slide03-image-container img{filter:brightness(.95) contrast(1.05);height:100%;object-fit:cover;width:100%}.image-gradient-overlay{background:linear-gradient(45deg,#11406a1f,#0000 60%);bottom:0;left:0;position:absolute;right:0;top:0}.course2-slide03-content{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px;position:relative;width:55%}.course2-slide03-content:before{background:#11406a;border-radius:2px;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.course2-slide03-title{font-size:36px;font-weight:300;letter-spacing:-.5px;line-height:1.1;margin-bottom:0;margin-left:0}.title-before{color:#11406a;font-weight:600}.title-after{color:#e5e0da;font-weight:300}.course2-slide03-interactive-area{justify-content:center;min-height:300px;position:relative}.course2-slide03-interactive-area,.prompt-content-container,.revealed-content-container{align-items:center;display:flex;flex-direction:column;width:100%}.revealed-content-container{align-items:flex-start;text-align:left}.revealed-title{color:#11406a;font-size:26px;font-weight:600;margin-bottom:1.5rem;position:relative}.revealed-title:after{background:#11406a;border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:100%}.revealed-explanation{color:#334155;font-size:1.1rem;line-height:1.8;padding:0 5px;width:100%}.context-text-s3{background:#ffffff80;border:1px solid #e2e8f0b3;border-radius:8px;box-shadow:0 2px 10px #0000000d;color:#475569;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem;padding:8px 16px}.course2-slide03-question{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff9;border:1px solid #e2e8f0cc;border-radius:50px;box-shadow:0 4px 20px #0000000d;color:#135691;cursor:pointer;font-size:1.25rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;padding:16px 28px;position:relative;text-align:center;transition:all .4s ease}.course2-slide03-question:hover{background-color:#fffc;border-color:#e2e8f0;box-shadow:0 7px 25px #00000014}@media (max-width:1024px){.course2-slide03-content{gap:30px;padding:60px 40px}.course2-slide03-title{font-size:30px;margin-left:15px}.course2-slide03-question{font-size:22px;margin-left:15px}.course2-slide03-explanation{font-size:15px;margin-left:15px}}@media (max-width:768px){.course2-slide03-container{flex-direction:column}.course2-slide03-image-container{border-radius:20px;height:35%;margin:20px 20px 0;width:100%}.course2-slide03-content{gap:25px;height:65%;overflow-y:auto;padding:30px 25px;width:100%}.course2-slide03-content:before{height:3px;left:50%;top:0;transform:translateX(-50%);width:60%}.course2-slide03-title{font-size:24px;margin-left:0;text-align:center}.course2-slide03-question{font-size:20px;margin-left:0;text-align:center}.course2-slide03-explanation{font-size:14px;line-height:1.6;margin-left:0;text-align:center}}.course2-slide04-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);height:100vh;overflow:hidden;position:relative;width:100%}.course2-slide04-container{align-items:center;box-sizing:border-box;display:flex;gap:80px;height:100vh;justify-content:space-between;left:0;padding:60px;position:absolute;top:0;transition:transform .8s cubic-bezier(.4,0,.2,1);width:100%}.course2-slide04-container.slide-up{transform:translateY(-100vh)}.course2-slide04-part2{transform:translateY(100vh)}.course2-slide04-part2.slide-in{transform:translateY(0)}.course2-slide04-content{flex:1 1;max-width:50%;position:relative}.course2-slide04-content:before{background:#11406a;border-radius:2px;content:"";height:100%;left:-20px;position:absolute;top:0;width:4px}.course2-slide04-title{color:#11406a;font-size:16px;font-weight:400;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.course2-slide04-title-bold{font-weight:700}.course2-slide04-subtitle{color:#11406a;font-family:BentoSans,sans-serif;font-size:48px;font-weight:600;line-height:1.2;margin-bottom:40px}.course2-slide04-heading{color:#11406a;font-size:28px;font-weight:700;margin-bottom:30px;position:relative}.course2-slide04-heading:after{background:#11406a;border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.course2-slide04-text{color:#11406a;font-size:18px;font-weight:400;line-height:1.7}.course2-slide04-image-container{flex:1 1;max-width:45%;position:relative}.course2-slide04-image-container:before{border-radius:20px;bottom:20px;content:"";left:-20px;opacity:.1;position:absolute;right:20px;top:-20px;z-index:-1}.course2-slide04-image-container img{border-radius:15px;box-shadow:0 20px 40px #11406a26;height:auto;transition:transform .3s ease;width:100%}.course2-slide04-image-container:hover img{transform:scale(1.02)}.course2-slide04-scroll-button{bottom:80px;cursor:pointer;left:43%;position:fixed;transform:translateX(-50%);z-index:9999}@media (max-width:1200px){.course2-slide04-container{gap:60px;padding:40px}.course2-slide04-subtitle{font-size:42px}.course2-slide04-heading{font-size:24px}.course2-slide04-scroll-button{bottom:40px}}@media (max-width:1024px){.course2-slide04-container{flex-direction:column;gap:40px;padding:40px 30px}.course2-slide04-content{max-width:100%;text-align:center}.course2-slide04-content:before{display:none}.course2-slide04-image-container{max-width:80%}.course2-slide04-subtitle{font-size:36px}.course2-slide04-heading{font-size:22px}.course2-slide04-scroll-button{bottom:30px}.scroll-arrow{min-width:160px;padding:12px 16px}.scroll-arrow span{font-size:11px}}@media (max-width:768px){.course2-slide04-container{padding:30px 20px}.course2-slide04-subtitle{font-size:28px}.course2-slide04-heading{font-size:20px}.course2-slide04-text{font-size:16px}.course2-slide04-image-container{max-width:100%}.course2-slide04-scroll-button{bottom:25px}.scroll-arrow{min-width:140px;padding:10px 14px}.scroll-arrow span{font-size:10px}}@media (max-width:480px){.course2-slide04-subtitle{font-size:24px}.course2-slide04-heading{font-size:18px}.course2-slide04-text{font-size:14px}.course2-slide04-scroll-button{bottom:20px}.scroll-arrow{min-width:120px;padding:8px 12px}.scroll-arrow span{font-size:9px}}.course2-slide05-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding:40px;position:relative;width:100%}.course2-slide05-header{flex-shrink:0;margin-bottom:10px;position:relative;text-align:center}.course2-slide05-title{color:#11406a;font-family:BentoSans,sans-serif;font-size:32px;font-weight:700;letter-spacing:1.5px;margin:0;position:relative;text-transform:uppercase}.course2-slide05-subtitle{color:#334155;font-size:1.1rem;font-weight:400;letter-spacing:.2px;line-height:1.7;margin:12px auto 0;max-width:800px}.course2-slide05-title:after{background:#11406a;border-radius:2px;bottom:-8px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.course2-slide05-content{display:flex;flex:1 1;min-height:0;position:relative;width:100%}.course2-slide05-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #11406a1a;border-radius:15px;box-shadow:0 8px 32px #11406a26;padding:20px;position:absolute;right:20px;top:20px;z-index:10}.course2-slide05-legend h3{color:#11406a;font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 15px;text-align:center;text-transform:uppercase}.legend-item{align-items:center;display:flex;gap:12px;margin-bottom:10px;padding:5px 0;transition:all .2s ease}.legend-item.highlight{background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;box-shadow:0 2px 8px #2563eb1a;margin:10px -12px;padding:8px 12px}.legend-item:hover{transform:translateX(5px)}.legend-color{border:1px solid #ffffff80;border-radius:4px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:15px;width:20px}.legend-label{color:#11406a;font-size:12px;font-weight:500;letter-spacing:.5px}.course2-slide05-map-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 20px 40px #11406a1a;height:100%;overflow:visible;padding:0;position:relative;width:100%}.course2-slide05-map-container svg{height:100%!important;width:100%!important}.map-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11406af2;border:1px solid #fff3;border-radius:8px;box-shadow:0 6px 20px #0000004d;color:#fff;font-size:13px;font-weight:500;letter-spacing:.5px;min-width:120px;padding:10px 14px;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,calc(-100% - 10px));white-space:nowrap;z-index:1000}@media (max-width:1200px){.course2-slide05-container{padding:30px}.course2-slide05-title{font-size:42px}.course2-slide05-legend{min-width:180px;padding:15px}.course2-slide05-legend h3{font-size:12px}.legend-label{font-size:11px}.legend-color{height:13px;width:18px}}@media (max-width:1024px){.course2-slide05-container{padding:25px}.course2-slide05-title{font-size:36px}.course2-slide05-legend{align-self:flex-end;margin-bottom:20px;min-width:160px;position:relative;right:auto;top:auto}.course2-slide05-content{flex-direction:column}.course2-slide05-map-container{height:400px}}@media (max-width:768px){.course2-slide05-container{padding:20px}.course2-slide05-title{font-size:28px}.course2-slide05-legend{margin-bottom:15px;width:100%}.course2-slide05-map-container{height:350px;padding:0}.legend-item{gap:8px}.legend-color{height:12px;width:15px}.legend-label{font-size:10px}}@media (max-width:480px){.course2-slide05-container{padding:15px}.course2-slide05-title{font-size:24px;letter-spacing:1px}.course2-slide05-map-container{height:300px;padding:0}.course2-slide05-legend{padding:12px}.course2-slide05-legend h3{font-size:11px;margin-bottom:10px}}.course2-slide06-container{background-color:#fff;display:flex;height:100%;overflow:hidden;width:100%}.course2-slide06-left-column{align-items:center;background-color:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cpath fill='none' stroke='%23e0e7ff' d='M0 30q15-20 30 0t30 0 30 0 30 0'/%3E%3Cpath fill='none' stroke='%23e0e7ff' d='M0 60q15-20 30 0t30 0 30 0 30 0'/%3E%3C/svg%3E");border-right:1px solid #e2e8f0;display:flex;height:100%;justify-content:center;width:50%}.course2-slide06-left-column svg{height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.course2-slide06-right-column{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px 60px 60px;width:50%}.course2-slide06-header{border-bottom:1px solid #e2e8f0;margin-bottom:30px;padding-bottom:30px}.course2-slide06-title{color:#11406a;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 16px;text-align:left}.course2-slide06-description{color:#4a5568;font-size:18px;line-height:1.6;max-width:100%;text-align:left}.course2-slide06-content-display{align-items:start;display:flex;flex:1 1;justify-content:center;margin-top:20px}.initial-prompt{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:20px;color:#1e293b;margin-top:70px;padding:40px;text-align:center}.initial-prompt h2{color:#11406a;font-size:26px;font-weight:700;margin-bottom:12px}.initial-prompt p{font-size:16px}.region-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;max-width:100%;padding:30px;width:100%}.region-card-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.region-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.region-title h3{color:#11406a;font-size:20px;font-weight:600;margin:0}.region-type{color:#64748b;display:block;font-size:14px;margin-top:2px}.region-description{color:#475569;font-size:15px;line-height:1.7;margin-bottom:20px}.tasting-notes h4{color:#11406a;font-size:16px;font-weight:600;margin-bottom:10px}.tasting-notes ul{list-style:none;margin:0;padding:0}.tasting-notes li{color:#64748b;font-size:14px;margin-bottom:6px;padding-left:20px;position:relative}.tasting-notes li:before{color:#11406a;content:"✓";left:0;position:absolute}@media (max-width:1200px){.course2-slide06-container{flex-direction:column}.course2-slide06-left-column,.course2-slide06-right-column{width:100%}.course2-slide06-left-column{border-bottom:1px solid #e2e8f0;border-right:none;height:50vh}.course2-slide06-right-column{height:50vh;padding:40px}}@media (max-width:768px){.course2-slide06-title{font-size:28px}.course2-slide06-description{font-size:15px}.course2-slide06-right-column{padding:30px}.region-info-card{padding:25px}}.course2-slide07-container{background:#fff;display:flex;width:100%}.course2-slide07-image-container{align-items:center;background-color:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cpath fill='none' stroke='%23e0e7ff' d='M0 30q15-20 30 0t30 0 30 0 30 0'/%3E%3Cpath fill='none' stroke='%23e0e7ff' d='M0 60q15-20 30 0t30 0 30 0 30 0'/%3E%3C/svg%3E");border-radius:16px;display:flex;height:100vh;justify-content:center;max-height:80vh;overflow:hidden;padding:30px;position:relative;width:45%}.slide07-tea-regions-map{display:flex;height:auto;justify-content:center;margin-bottom:calc(100vh - 28rem);object-fit:contain;transition:transform .3s ease}.slide07-tea-regions-map:hover{transform:scale(1.02)}.course2-slide07-content{background:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center;overflow-y:auto;padding:50px 60px;width:55%}.course2-slide07-header{display:flex;flex-direction:column;gap:25px}.course2-slide07-title{font-size:22px;font-weight:300;letter-spacing:-.5px;line-height:1.2}.title-divider,.title-number{color:#11406a;font-weight:700}.title-main{color:#11406a;font-weight:400}.course2-slide07-subtitle{color:#11406a;font-size:28px;font-weight:700;letter-spacing:-.8px;line-height:1.1;margin:10px 0}.course2-slide07-description{color:#4a5568;font-size:16px;font-weight:400;line-height:1.5}.course2-slide07-factors{display:flex;flex-direction:column;gap:25px}.factors-buttons{display:flex;flex-wrap:wrap;gap:15px}.factor-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0;border-radius:50px;box-shadow:0 4px 16px #11406a14;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.factor-button:hover{border-color:#11406a;box-shadow:0 8px 24px #11406a26;color:#11406a;transform:translateY(-2px)}.factor-button.active{background:#11406a;border-color:#11406a;box-shadow:0 8px 24px #11406a40;color:#fff}.factor-button.active:hover{background:#0f365a;border-color:#0f365a;color:#fff}.factor-content{background:#f8fafc;border-left:4px solid #11406a;border-radius:16px;box-shadow:0 4px 16px #11406a14;display:flex;flex-direction:column;height:10rem;justify-content:center;padding:30px}.factor-content-title{color:#11406a;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.factor-content-text{color:#374151;font-size:15px;line-height:1.7;margin:0;text-align:justify}.course2-slide07-content::-webkit-scrollbar{width:6px}.course2-slide07-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.course2-slide07-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.course2-slide07-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1200px){.course2-slide07-image-container{padding:25px}.course2-slide07-content{gap:30px;padding:40px 50px}.course2-slide07-subtitle{font-size:24px}.course2-slide07-description{font-size:15px}.factor-button{font-size:13px;padding:12px 24px}.factor-content{padding:25px}.factor-content-title{font-size:18px}.factor-content-text{font-size:14px}}@media (max-width:1024px){.course2-slide07-image-container{padding:20px;width:40%}.course2-slide07-content{gap:25px;padding:35px 40px;width:60%}.course2-slide07-title{font-size:20px}.course2-slide07-subtitle{font-size:22px}.factors-buttons{gap:12px}.factor-button{font-size:12px;padding:10px 20px}.factor-content{padding:20px}}@media (max-width:768px){.course2-slide07-container{flex-direction:column}.course2-slide07-content,.course2-slide07-image-container{width:100%}.course2-slide07-image-container{height:35vh;padding:15px}.slide07-tea-regions-map{max-height:30vh}.course2-slide07-content{gap:20px;height:65vh;padding:30px 25px}.course2-slide07-title{font-size:18px}.course2-slide07-subtitle{font-size:20px}.course2-slide07-description{font-size:14px}.factors-buttons{gap:10px;justify-content:center}.factor-button{font-size:11px;padding:8px 16px}.factor-content{padding:18px}.factor-content-title{font-size:16px;margin-bottom:12px}.factor-content-text{font-size:13px;line-height:1.6}}@media (max-width:480px){.course2-slide07-image-container{height:30vh;padding:10px}.slide07-tea-regions-map{max-height:25vh}.course2-slide07-content{gap:15px;height:70vh;padding:20px}.course2-slide07-title{font-size:16px}.course2-slide07-subtitle{font-size:18px;line-height:1.2}.course2-slide07-description{font-size:13px}.factor-button{border-radius:25px;font-size:10px;padding:6px 12px}.factor-content{padding:15px}.factor-content-title{font-size:14px;margin-bottom:10px}.factor-content-text{font-size:12px;line-height:1.5}}.course2-slide08-container{background:#fff;display:flex;height:100vh;position:relative;width:100%}.course2-slide08-image-container{background:#fff;overflow:hidden;position:relative;width:50%}.course2-slide08-image-container img{height:100%;object-fit:cover;opacity:1!important;width:100%}.course2-slide08-content{background:#fff;display:flex;flex-direction:column;gap:40px;justify-content:center;padding:80px 60px;position:relative;width:50%}.course2-slide08-title{color:#11406a;font-size:42px;font-weight:700;letter-spacing:-.5px;line-height:1.1;margin-bottom:0}.course2-slide08-explanation{color:#4a5568;font-size:18px;font-weight:300;line-height:1.7;max-width:90%}@media (max-width:1024px){.course2-slide08-content{gap:30px;padding:60px 40px}.course2-slide08-title{font-size:36px}.course2-slide08-explanation{font-size:16px}}@media (max-width:768px){.course2-slide08-container{flex-direction:column}.course2-slide08-content,.course2-slide08-image-container{width:100%}.course2-slide08-image-container{height:40vh}.course2-slide08-content{gap:25px;height:60vh;padding:40px 30px}.course2-slide08-title{font-size:28px}.course2-slide08-explanation{font-size:15px}}.course2-slide09-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;height:100vh;overflow:hidden;width:100%}.course2-slide09-sidebar{background:linear-gradient(135deg,#11406a,#1a5c8a);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:50px 30px;width:30%}.sidebar-header h2{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 35px}.points-navigation{display:flex;flex:1 1;flex-direction:column;gap:14px}.nav-point{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:15px;padding:16px;transition:all .3s ease}.nav-point:hover{background:#ffffff26;transform:translateX(5px)}.nav-point.active{background:#fff3;border-color:#ffffff4d;box-shadow:0 8px 24px #0003;transform:translateX(10px)}.point-number{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:35px;justify-content:center;width:35px}.nav-point.active .point-number{background:#fff;color:#11406a}.point-title{font-size:12px;font-weight:600;letter-spacing:.5px;line-height:1.3;text-transform:uppercase}.navigation-controls{align-items:center;border-top:1px solid #fff3;display:flex;justify-content:space-between;margin-top:30px;padding-top:30px}.nav-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.nav-btn:hover:not(:disabled){background:#fff3;border-color:#fff6}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.point-counter{color:#fffc;font-size:14px;font-weight:500}.course2-slide09-content{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;margin:20px 0;overflow-y:auto;padding:3rem;width:70%}.course2-slide09-content::-webkit-scrollbar{width:8px}.course2-slide09-content::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.course2-slide09-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.course2-slide09-content::-webkit-scrollbar-thumb:hover{background:#475569}.content-section{display:flex;flex-direction:column;height:100%}.content-image-container{aspect-ratio:16/7;border-radius:16px;box-shadow:0 10px 30px #0000001a;flex-shrink:0;margin-bottom:0;overflow:hidden;position:relative;width:100%}.header-gradient-overlay{background:linear-gradient(0deg,#000000b3 0,#0000);border-radius:0 0 16px 16px;bottom:0;height:80%;left:0;position:absolute;right:0}.header-text-content{align-items:center;bottom:25px;display:flex;gap:15px;left:25px;position:absolute;right:25px;z-index:2}.content-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.content-image-container:hover .content-image{transform:scale(1.05)}.content-header{position:relative;width:100%}.content-number{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 24px #11406a33;color:#fff;display:flex;flex-shrink:0;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.content-title{color:#fff;font-size:36px;font-weight:700;letter-spacing:-.8px;line-height:1.2;margin:0;text-shadow:2px 2px 10px #000000b3}.content-body{padding:2rem 5px}.content-main{color:#374151;font-size:18px;font-weight:400;line-height:1.7;margin:0}.content-sub{background:#fff;border-left:4px solid #11406a;border-radius:12px;color:#11406a;font-size:17px;font-weight:500;line-height:1.6;margin:8px 0 0;padding:20px}.grades-list{gap:20px;margin-top:10px}.grade-item{background:#f8fafc;border-left:4px solid #11406a;border-radius:12px;padding:25px;transition:all .3s ease}.grade-item:hover{box-shadow:0 4px 16px #11406a1a;transform:translateX(5px)}.grade-title{color:#11406a;font-size:16px;font-weight:700;line-height:1.3;margin:0 0 10px}.grade-description{color:#4a5568;font-size:15px;font-weight:400;line-height:1.6;margin:0}@media (max-width:1200px){.course2-slide09-sidebar{padding:40px 25px}.course2-slide09-content{padding:60px 50px}.content-title{font-size:30px}.content-main{font-size:16px}.content-sub{font-size:15px}}@media (max-width:1024px){.course2-slide09-sidebar{padding:30px 20px;width:35%}.course2-slide09-content{padding:50px 40px;width:65%}.sidebar-header h2{font-size:20px;margin-bottom:25px}.point-title{font-size:11px}.content-header{gap:20px;margin-bottom:30px}.content-number{font-size:24px;height:60px;width:60px}.content-title{font-size:26px}.content-image-container{aspect-ratio:16/8}}@media (max-width:768px){.course2-slide09-container{flex-direction:column}.course2-slide09-content,.course2-slide09-sidebar{width:100%}.course2-slide09-sidebar{height:40vh;padding:20px}.course2-slide09-content{height:60vh;padding:30px 20px}.sidebar-header h2{font-size:20px;margin-bottom:20px}.points-navigation{gap:12px}.nav-point{gap:15px;padding:15px}.point-number{font-size:14px;height:30px;width:30px}.point-title{font-size:11px}.navigation-controls{margin-top:20px;padding-top:20px}.nav-btn{font-size:12px;padding:8px 16px}.content-header{gap:15px;margin-bottom:25px}.content-number{font-size:20px;height:50px;width:50px}.content-title{font-size:22px}.content-main{font-size:15px}.content-sub{font-size:14px;padding:15px}.course2-slide09-content{height:65%;padding:25px}.content-image-container{aspect-ratio:16/9;margin-bottom:1.5rem}.grade-item{padding:20px}.grade-title{font-size:14px}.grade-description{font-size:13px}}@media (max-width:480px){.course2-slide09-sidebar{padding:15px}.course2-slide09-content{padding:20px 15px}.sidebar-header h2{font-size:18px}.nav-point{gap:12px;padding:12px}.point-number{font-size:12px;height:25px;width:25px}.point-title{font-size:10px}.content-title{font-size:18px}.content-main{font-size:14px}.content-sub{font-size:13px;padding:12px}.grade-item{padding:15px}.grade-title{font-size:13px}.grade-description{font-size:12px}}.course2-slide10-container{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;width:100%}.slide10-content{max-width:800px;padding:40px;text-align:center}.slide10-title{color:#11406a;font-size:42px;font-weight:600;letter-spacing:-.5px;margin:0 0 30px}.tea-sections{display:flex;gap:40px;margin-bottom:20px}.tea-section{animation:breathingGlow 3.5s ease-in-out infinite;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0;position:relative;text-align:left;transition:all .3s cubic-bezier(.22,1,.36,1)}.tea-section-image-container{aspect-ratio:16/10;overflow:hidden;width:100%}.tea-section-image-container img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.tea-section:hover .tea-section-image-container img{transform:scale(1.05)}.tea-section-text-content{display:flex;flex-direction:column;flex-grow:1;padding:25px 30px 30px}.tea-section:hover{animation-play-state:paused;background-color:#f7faff;border-color:#3b82f6;box-shadow:0 8px 30px #3b82f61a;transform:translateY(-5px)}.tea-section.is-clicked{animation:none;background-color:#f0fdf4;border-color:#16a34a}.tea-section.is-clicked:hover{border-color:#15803d;box-shadow:0 8px 30px #16a34a26}.viewed-indicator{align-items:center;background:#16a34a;border-radius:50%;box-shadow:0 4px 15px #16a34a40;display:flex;height:32px;justify-content:center;position:absolute;right:15px;top:15px;width:32px;z-index:2}.tea-section h2{color:#11406a;font-size:24px;font-weight:600;margin:0 0 8px}.tea-section .subtitle{color:#11406a;font-size:16px;font-style:italic;font-weight:300;margin:0 0 15px}.tea-section .description{color:#666;font-size:14px;line-height:1.5;margin:0}.differences-btn-container{align-items:center;display:flex;justify-content:center;min-height:50px}.differences-btn{background:linear-gradient(45deg,#2563eb,#3b82f6);border:none;border-radius:50px;box-shadow:0 5px 20px #3b82f64d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.differences-btn:hover{box-shadow:0 8px 30px #3b82f666}.ios-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.ios-dialog{background:#f8f8f8;border-radius:14px;box-shadow:0 8px 25px #00000026;max-width:400px;padding:20px;position:relative;transform:translateZ(0);width:90%;will-change:transform,opacity}.differences-content-animated{text-align:center;width:100%}.differences-content-animated h3{color:#11406a;font-size:22px;font-weight:600;line-height:1.3;margin:0 0 20px}.differences-content-animated p{color:#666;font-size:16px;line-height:1.6;margin:0;text-align:justify}.close-btn{align-items:center;background:#11406a1a;border:none;border-radius:50%;color:#11406a;cursor:pointer;display:flex;font-size:22px;font-weight:300;height:32px;justify-content:center;position:absolute;right:16px;top:12px;transition:all .2s ease;width:32px}.close-btn:hover{background:#11406a33;transform:scale(1.1)}.modal-backdrop{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:900px;overflow-y:auto;position:relative;width:90%;z-index:10000}.modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;position:absolute;right:20px;top:15px;width:30px;z-index:10}.modal-close:hover{color:#11406a}.modal-content{padding:40px}.modal-content h2{color:#11406a;font-size:32px;font-weight:600;margin:0 0 8px;text-align:center}.modal-subtitle{color:#11406a;font-size:18px;font-style:italic;font-weight:500;margin:0 0 30px;text-align:center}.tea-grid{flex-direction:column;margin:0 auto;max-width:800px}.tea-grid,.tea-row{display:flex;gap:20px}.tea-row,.tea-row-center{justify-content:center}.tea-box{background:#f8fafc;border:1px solid #e5e0da;border-radius:8px;display:flex;flex-direction:column;height:140px;padding:20px;width:220px}.tea-box h3{color:#11406a;font-size:16px;font-weight:600;margin:0 0 10px}.tea-box p{color:#666;flex:1 1;font-size:14px;line-height:1.4;margin:0;overflow:hidden}.tea-skeleton{background:#f8fafc;border:1px solid #e5e0da;border-radius:8px;height:140px;overflow:hidden;padding:20px;position:relative;width:220px}.tea-skeleton:before{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#11406a26,#0000);left:-100%}.tea-skeleton:after,.tea-skeleton:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.tea-skeleton:after{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#11406a08,#11406a14 50%,#11406a08);left:0}.skeleton-countdown{align-items:center;animation:countdownPulse 1s ease-in-out infinite;background:#11406a;border-radius:50%;box-shadow:0 2px 8px #11406a4d;color:#fff;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;position:absolute;right:15px;top:15px;width:28px;z-index:2}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.modal-content.differences h2{font-size:28px;margin-bottom:20px}.differences-box{background:#f8fafc;border:1px solid #e5e0da;border-radius:8px;padding:25px;text-align:center}.differences-box p{color:#666;font-size:16px;line-height:1.5;margin:0}@media (max-width:1024px){.tea-grid,.tea-row{gap:18px}.tea-box,.tea-skeleton{height:130px;width:200px}}@media (max-width:768px){.slide10-content{padding:30px 20px}.slide10-title{font-size:32px;margin-bottom:40px}.tea-sections{flex-direction:column;gap:20px;margin-bottom:30px}.tea-section{padding:25px}.tea-section h2{font-size:20px}.modal{max-height:85vh;width:95%}.modal-content{padding:30px 25px}.modal-content h2{font-size:26px}.tea-grid{gap:15px}.tea-row{align-items:center;flex-direction:column;gap:15px}.tea-box,.tea-skeleton{height:120px;padding:18px;width:280px}}@media (max-width:480px){.slide10-title{font-size:28px}.tea-section{padding:20px}.tea-section h2{font-size:18px}.tea-section .description{font-size:13px}.differences-btn{font-size:14px;padding:10px 25px}.modal-content{padding:25px 20px}.modal-content h2{font-size:22px}.tea-box,.tea-skeleton{height:110px;padding:15px;width:260px}.tea-box h3{font-size:15px}.tea-box p{font-size:13px}.skeleton-countdown{font-size:12px;height:24px;right:10px;top:10px;width:24px}.differences-content-animated h3{font-size:18px}.differences-content-animated p{font-size:13px}.ios-dialog{padding:25px;width:350px}.close-btn{font-size:20px;height:28px;right:12px;top:8px;width:28px}}.course2-slide11-container{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;padding:40px;position:relative;width:100%}.custom-toast{animation:toastBounce 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #f59e0b;border-radius:12px;box-shadow:0 8px 25px #fbbf2466;color:#1f2937;font-family:BentonSans,sans-serif;font-size:16px;font-weight:600;left:32.5%;padding:12px 24px;position:absolute;top:30px;transform:translateX(-50%);z-index:1000}.slide11-content{flex-direction:column;height:100%;max-width:1200px;text-align:center;width:100%}.slide11-content,.slide11-title{display:flex;justify-content:center;position:relative}.slide11-title{align-items:center;color:#11406a;font-size:36px;font-weight:600;letter-spacing:-.5px;margin:0 0 50px;min-height:45px}.processing-grid{flex-direction:column;gap:10px}.process-row,.processing-grid{align-items:center;display:flex;justify-content:center}.process-row{gap:30px;position:relative}.step-container{gap:20px}.process-step,.step-container{align-items:center;display:flex;position:relative}.process-step{background:#e1effc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #11406a0f;flex-direction:column;max-height:140px;min-height:140px;overflow:hidden;padding:1.5rem;text-align:center;width:200px}.process-step.invisible{pointer-events:none}.process-step:hover{background:#d4e8fc;border-color:#0a2d54;box-shadow:0 12px 30px #11406a33;transform:translateY(-5px) scale(1.02)}.card-hover-overlay{align-items:center;background:linear-gradient(#0000,#11406ae6);border-radius:0 0 16px 16px;bottom:0;display:flex;justify-content:center;left:0;padding:12px;pointer-events:none;position:absolute;right:0}.hover-text{color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.process-step.invisible:hover{border-color:#e5e0da;box-shadow:0 4px 16px #11406a0f;transform:none}.step-number{align-items:center;background:linear-gradient(135deg,#11406a,#1a5c8a);border-radius:50%;box-shadow:0 2px 8px #11406a33;color:#fff;display:flex;height:32px;justify-content:center;margin-bottom:10px;width:32px}.step-number,.step-title{flex-shrink:0;font-size:16px;font-weight:700}.step-title{color:#11406a;letter-spacing:.3px;line-height:1.2;margin:0 0 8px}.step-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#666;display:-webkit-box;flex:1 1;font-size:12px;line-height:1.4;margin:0;overflow:hidden}.arrow{align-items:center;color:#11406a;display:flex;font-size:24px;font-weight:700;justify-content:center;transform-origin:center}.vertical-arrow{color:#11406a;font-size:28px;font-weight:700;margin:10px 0}.process-modal-backdrop,.vertical-arrow{align-items:center;display:flex;justify-content:center}.process-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;height:100%;left:0;position:fixed;top:0;transform:translateZ(0);width:100%;z-index:99999}.process-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:550px;overflow:hidden;position:relative;transform:translateZ(0);width:90%;will-change:transform,opacity;z-index:100000}.process-modal-image-container{aspect-ratio:16/9;flex-shrink:0;overflow:hidden;width:100%}.process-modal-image-container img{height:100%;object-fit:cover;width:100%}.process-modal-close{align-items:center;background:#ffffffe6;background:#0006;border:none;border-radius:50%;color:#64748b;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10}.process-modal-close:hover{background:#0009;color:#fff}.process-modal-content{overflow-y:auto;padding:2.5rem}.process-modal-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.process-modal-number{align-items:center;background:linear-gradient(135deg,#11406a,#1e40af);border-radius:50%;box-shadow:0 8px 20px #11406a4d;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.process-modal-title{color:#11406a;font-size:32px;font-weight:700;line-height:1.2;margin:0}.process-modal-body{line-height:1.8}.process-modal-description{color:#475569;font-size:18px;line-height:1.8;margin:0;text-align:justify}.process-step{animation:subtlePulse 2s ease-in-out infinite;cursor:pointer;transition:all .3s ease}.process-step:hover{animation:none;box-shadow:0 12px 30px #11406a26;transform:translateY(-2px)}@keyframes subtlePulse{0%,to{box-shadow:0 4px 16px #11406a0f}50%{box-shadow:0 6px 20px #11406a1f}}@keyframes toastBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width:1200px){.course2-slide11-container{padding:30px}.slide11-title{font-size:32px;margin-bottom:40px}.processing-grid{gap:35px}.process-row{gap:25px}.step-container{gap:15px}.process-step{max-height:130px;min-height:130px;padding:18px;width:180px}.step-title{font-size:15px}.step-description{font-size:11px}}@media (max-width:1024px){.slide11-title{font-size:28px;margin-bottom:35px}.processing-grid{gap:30px}.process-row{gap:20px}.process-step{max-height:120px;min-height:120px;padding:16px;width:160px}.step-number{height:28px;width:28px}.step-number,.step-title{font-size:14px}.step-description{font-size:10px}.arrow{font-size:20px}.vertical-arrow{font-size:24px}}@media (max-width:768px){.course2-slide11-container{padding:20px}.slide11-title{font-size:24px;margin-bottom:30px}.processing-grid{flex-direction:column;gap:25px}.process-row{flex-direction:column;gap:20px}.step-container{flex-direction:column;gap:10px}.process-step{max-height:110px;max-width:90vw;min-height:110px;padding:16px;width:250px}.arrow{font-size:20px;transform:rotate(90deg)}.vertical-arrow{font-size:20px;margin:5px 0;transform:rotate(0deg)}.process-modal{margin:20px;width:95%}.process-modal-content{padding:30px 25px}.process-modal-header{flex-direction:column;gap:15px;text-align:center}.process-modal-title{font-size:28px}.process-modal-description{font-size:16px}}@media (max-height:700px){.slide11-title{top:30px}}.course2-slide12-container{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;overflow-x:auto;padding:2rem 1rem 1rem;width:100%}.slide12-content{margin:0 auto;max-width:1400px;width:100%}.slide12-title{color:#11406a;font-size:2.25rem!important;font-weight:700;margin-bottom:.5rem;margin-top:2rem;text-align:center}.slide12-title-line{background:#11406a;border-radius:2px;height:3px;margin:0 auto 2rem;width:80px}.fresh-leaves-section{align-items:center;display:flex;flex-direction:column;margin-bottom:.5rem}.fresh-leaves-box{background:#11406a;border-radius:.375rem;box-shadow:0 4px 12px #11406a33;color:#fff;font-size:.875rem;font-weight:600;margin-bottom:.5rem;padding:.5rem 1rem}.main-connector{display:flex;justify-content:center}.main-line{overflow:visible}.horizontal-line-section{display:flex;justify-content:center;margin-bottom:1rem}.horizontal-line{max-width:1200px;overflow:visible}.manufacturing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:0 auto;max-width:1200px}.tea-column,.tea-type-header{align-items:center;display:flex;flex-direction:column}.tea-type-header{margin-bottom:.5rem}.tea-type-name{align-items:center;background:#f8fafc;border:2px solid #11406a;border-radius:6px;color:#11406a;font-size:.75rem;font-weight:700;margin:0 0 .5rem;min-height:32px;padding:.1rem .7rem!important;text-align:center;width:100%}.tea-connector,.tea-type-name{display:flex;justify-content:center}.tea-line{overflow:visible}.processing-steps{gap:.25rem}.processing-steps,.step-wrapper{flex-direction:column}.processing-steps,.step-box,.step-wrapper{align-items:center;display:flex;width:100%}.step-box{background:#11406a;border-radius:.25rem;box-shadow:0 2px 8px #11406a26;color:#fff;font-size:.8rem!important;justify-content:center;line-height:1.1;min-height:28px;padding:.25rem;text-align:center}.step-connector{display:flex;justify-content:center;margin:.125rem 0}.step-line{overflow:visible}.replay-section{display:flex;justify-content:center;margin-top:1.5rem}.replay-button{background:#11406a;border:none;border-radius:.375rem;box-shadow:0 4px 12px #11406a33;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.replay-button:hover{background:#1e40af;box-shadow:0 6px 16px #11406a4d;transform:translateY(-1px)}@media (min-width:768px){.manufacturing-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}.slide12-title{font-size:2.5rem}}@media (min-width:1024px){.manufacturing-grid{gap:2.5rem;grid-template-columns:repeat(6,1fr)}.slide12-title{font-size:2.75rem}.fresh-leaves-box{font-size:1rem;padding:.75rem 1.25rem}.tea-type-name{font-size:.875rem;min-height:36px;padding:.375rem}.step-box{font-size:.65rem;min-height:30px;padding:.375rem}}@media (max-width:767px){.course2-slide12-container{padding:.5rem}.slide12-title{font-size:1.5rem;margin-bottom:1rem}.fresh-leaves-box{font-size:.75rem;padding:.375rem .75rem}.tea-type-name{font-size:.65rem;min-height:28px;padding:.2rem}.step-box{font-size:.5rem;min-height:24px;padding:.2rem}.replay-button{font-size:.75rem;padding:.375rem .75rem}.manufacturing-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}.course2-slide13-container{background:#f8fafc;height:100vh;overflow:hidden;padding:1.5rem}.course2-slide13-container,.slide13-content{align-items:center;display:flex;justify-content:center;width:100%}.slide13-content{flex-direction:column;gap:2rem;height:100%;max-width:1200px}.slide13-title{color:#11406a;font-size:2rem;font-weight:700;margin:0;text-align:center}.slide13-title-line{background:#11406a;border-radius:2px;height:3px;width:80px}.tea-grades-row{align-items:stretch;display:flex;gap:2.5rem;justify-content:center;max-width:1100px;width:100%}.tea-grade-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 40px #11406a1a;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:auto;max-width:320px;min-height:420px;overflow:hidden;position:relative;transform:translateZ(0);will-change:transform}.tea-grade-card:hover{box-shadow:0 15px 50px #11406a26}.card-image-section{height:200px;overflow:hidden;position:relative}.card-image{height:100%;object-fit:cover;object-position:center;transition:transform .4s ease-out;width:100%}.tea-grade-card:hover .card-image{transform:scale(1.05)}.card-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.card-category{color:#11406a;font-size:1.25rem;font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0;text-transform:uppercase}.grades-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.grade-item-text{color:#475569;font-size:.9rem;font-weight:500;line-height:1.5;margin:0;padding-left:1rem;position:relative;transform:translateZ(0);will-change:transform,opacity}.grade-item-text:before{color:#1e40af;content:"•";font-weight:700;left:0;position:absolute;top:0}.card-number{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#11406a;height:40px;left:1rem;position:absolute;top:1rem;width:40px}@media (max-width:1024px){.tea-grades-row{gap:1.5rem;max-width:900px}.tea-grade-card{max-width:280px;min-height:380px}.slide13-title{font-size:1.8rem}.card-category{font-size:1.1rem}.grade-item-text{font-size:.85rem}}@media (max-width:768px){.course2-slide13-container{height:auto;padding:1rem}.slide13-content{height:auto}.tea-grades-row{flex-direction:column;gap:2rem;max-width:400px;width:100%}.tea-grade-card{max-width:none;min-height:auto}.slide13-title{font-size:1.6rem}.card-image-section{height:180px}.card-content{padding:1.25rem}}@media (max-width:480px){.slide13-content{gap:1.5rem}.slide13-title{font-size:1.4rem}.card-image-section{height:160px}.card-content{padding:1rem}.card-category{font-size:1rem}.card-number{height:35px;left:.75rem;top:.75rem;width:35px}}.course2-slide14-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);height:100vh;overflow:hidden;position:relative;width:100%}.course2-slide14-container{align-items:center;box-sizing:border-box;display:flex;gap:80px;height:100vh;justify-content:space-between;left:0;padding:60px;position:absolute;top:0;transition:transform .8s cubic-bezier(.4,0,.2,1);width:100%}.course2-slide14-container.slide-up{transform:translateY(-100vh)}.course2-slide14-container.part2{transform:translateY(100vh)}.course2-slide14-container.part2.slide-in{transform:translateY(0)}.slide14-content{align-items:center;display:flex;gap:4rem;max-width:50%;width:100%}.slide14-text-column{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;max-width:100%;position:relative}.slide14-text-column:before{background:#11406a;border-radius:2px;content:"";height:100%;left:-20px;position:absolute;top:0;width:4px}.slide14-title{color:#11406a;font-family:BentoSans,sans-serif;font-size:48px;font-weight:600;line-height:1.2;margin:0}.slide14-title-line{background:#11406a;border-radius:2px;height:3px;margin-top:-1rem;width:60px}.slide14-subtitle{font-size:16px;letter-spacing:1px;text-transform:uppercase}.slide14-main-text,.slide14-subtitle{color:#11406a;font-weight:400;margin:0}.slide14-main-text{font-size:18px;line-height:1.7}.slide14-highlight-box{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:12px;box-shadow:0 8px 25px #1e40af4d;color:#fff;font-size:16px;font-weight:500;padding:1.5rem;text-align:center}.slide14-fixed-images{height:500px;position:fixed;right:11rem;top:16%;transform:translateY(-50%);width:450px;z-index:9999}.slide14-fixed-images .image-showcase{height:100%;position:relative;width:100%}.slide14-fixed-images .image-showcase img{border-radius:12px;box-shadow:0 5px 20px #11406a1a;cursor:pointer;object-fit:cover;outline:2px solid #fff;outline-offset:-2px;position:absolute;transform:translateZ(0);transition:box-shadow .3s ease-out,transform .3s ease-out;will-change:transform,box-shadow}.slide14-fixed-images .image-back{height:65%;left:0;top:0;transform:rotate(-8deg);width:65%;z-index:1}.slide14-fixed-images .image-front{bottom:0;height:70%;right:0;transform:rotate(6deg);width:70%;z-index:2}.slide14-fixed-images .image-showcase img:hover{box-shadow:0 10px 30px #11406a33;z-index:10}.slide14-process-title{color:#11406a;font-size:24px;font-weight:700;margin:0 0 20px;position:relative}.slide14-process-title:after{background:#11406a;border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.slide14-process-text{color:#11406a;font-size:16px;font-weight:400;line-height:1.6;margin:0 0 20px}.flavorings-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:0}.flavoring-card{background:#ffffffe6;border-left:3px solid #1e40af;border-radius:8px;box-shadow:0 2px 8px #11406a14;padding:16px;transition:all .3s ease}.flavoring-card:hover{box-shadow:0 4px 12px #11406a1f;transform:translateX(3px)}.flavoring-title{color:#11406a;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.flavoring-description{color:#64748b;font-size:13px;line-height:1.5;margin:0}.slide14-final-text{color:#11406a;font-size:16px;font-style:italic;font-weight:400;line-height:1.6;margin:20px 0 0}.course2-slide14-container.part2 .slide14-content{align-items:center;gap:2rem;max-width:50%}.course2-slide14-container.part2 .slide14-text-column{max-width:100%}.course2-slide14-scroll-button{bottom:80px;cursor:pointer;left:43%;position:fixed;transform:translateX(-50%);z-index:9999}.scroll-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #11406a26;border-radius:30px;box-shadow:0 10px 30px #11406a33;display:flex;gap:8px;justify-content:center;min-width:150px;padding:12px 20px;transition:all .3s ease}.scroll-arrow:hover{background:#11406a1a;border-color:#11406a4d;box-shadow:0 15px 40px #11406a40;transform:scale(1.05)}.scroll-arrow span{color:#11406a;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.scroll-arrow svg{opacity:.8;transition:opacity .3s ease}.scroll-arrow:hover svg{opacity:1}@media (max-width:1024px){.course2-slide14-container{flex-direction:column;gap:2rem;padding:40px}.slide14-content{flex-direction:column;gap:2rem;max-width:100%}.course2-slide14-container.part2 .slide14-content,.slide14-text-column{max-width:100%}.slide14-title{font-size:36px}.slide14-process-title{font-size:20px}.slide14-fixed-images{height:300px;position:fixed;right:20px;top:60%;width:300px}}@media (max-width:768px){.course2-slide14-container{padding:30px 20px}.slide14-title{font-size:28px}.slide14-process-title{font-size:18px}.slide14-final-text,.slide14-main-text,.slide14-process-text{font-size:14px}.course2-slide14-scroll-button{left:50%}.slide14-fixed-images{height:250px;position:fixed;right:10px;top:65%;width:250px}.flavorings-grid{gap:10px}.flavoring-card{padding:12px}}@media (max-width:480px){.slide14-title{font-size:24px}.slide14-process-title{font-size:16px}.slide14-fixed-images{height:200px;position:fixed;right:5px;top:70%;width:200px}}.course2-slide15-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#eef2f5);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;width:100%}.slide15-content{display:flex;flex-direction:column;gap:2rem;height:100%;max-width:1200px;width:100%}.slide15-header{text-align:center}.slide15-main-title{color:#11406a;font-size:2.25rem;font-weight:700;margin:0 0 .5rem}.slide15-title-line{background:#11406a;border-radius:2px;height:3px;margin:0 auto;width:80px}.slide15-interactive-area{grid-gap:2.5rem;display:grid;flex:1 1;gap:2.5rem;grid-template-columns:300px 1fr;min-height:0}.benefits-selector{display:flex;flex-direction:column;gap:1rem}.benefit-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 15px #11406a14;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1rem 1.25rem;position:relative;transform:translateZ(0);transition:all .3s ease}.benefit-card:hover{box-shadow:0 8px 25px #11406a1f;transform:translateY(-3px) translateZ(0)}.card-number{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:44px;justify-content:center;min-width:44px;position:static;transition:all .3s ease;width:44px}.benefit-card.active .card-number{background:#1e40af;color:#fff}.card-title{align-items:center;color:#11406a;display:flex;flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;text-align:left}.benefit-details{background:#ffffffe6;border:1px solid #ffffff80;border-radius:16px;display:flex;flex-direction:column;height:500px;overflow-y:auto;padding:2rem}.details-content-wrapper{display:flex;flex:1 1;flex-direction:column}.benefit-title{color:#11406a;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.benefit-description{color:#475569;font-size:1rem;line-height:1.7;margin:0 0 2rem;text-align:justify}.benefit-points-grid{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem}.benefit-point-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;height:9rem;justify-content:flex-start;padding:1rem;width:calc(50% - .375rem)}.benefit-point-card h4{color:#1e40af;font-size:.9rem;font-weight:700;line-height:1.2;margin:0 0 .5rem;transform:translateZ(0)}.benefit-point-card p{-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:1rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}@media (max-width:1024px){.slide15-interactive-area{gap:1.5rem;grid-template-columns:1fr}.benefits-selector{flex-direction:row;overflow-x:auto;padding-bottom:1rem}.benefit-card{gap:.875rem;min-width:200px}.card-number{font-size:1.05rem;height:38px;width:38px}.benefit-details{height:400px;padding:1.5rem}}@media (max-width:768px){.slide15-content{gap:1.5rem}.slide15-main-title{font-size:2rem}.benefit-title{font-size:1.5rem}.benefit-details{height:350px}.benefit-points-grid{gap:.5rem}.benefit-point-card{height:75px;padding:.75rem;width:calc(50% - .25rem)}}@media (max-width:480px){.course2-slide15-container{padding:1rem}.slide15-main-title{font-size:1.75rem}.benefit-card{gap:.75rem;min-width:160px;padding:1rem}.card-number{height:35px;width:35px}.card-number,.card-title{font-size:1rem}.benefit-details{height:300px;padding:1rem}.benefit-points-grid{gap:.4rem}.benefit-point-card{height:65px;padding:.5rem;width:calc(50% - .2rem)}.benefit-point-card h4{font-size:.8rem}.benefit-point-card p{-webkit-line-clamp:2;font-size:.75rem}}.course2-quiz-landing-container{background-color:#11406a;display:relative;display:flex;flex-direction:column;height:calc(100vh - 180px);padding:60px 60px 120px;width:calc(100% - 120px)}.course2-quiz-landing-container-logo{display:flex;justify-content:flex-end;margin-bottom:0;width:100%}.course2-quiz-landing-context{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.course2-quiz-landing-context-head{color:#fff;display:flex;flex-direction:column;margin-bottom:40px;text-align:center;width:100%}.course2-quiz-landing-context-head-main-title{color:#fff;font-size:120px;font-weight:600;line-height:.8;margin:0}.course2-quiz-landing-context-head-main-title-sub{color:#e5e0da;font-size:78px;font-weight:600;line-height:1.2;margin:0 0 20px}.course2-quiz-landing-context-head-subtitle{color:#e5e0da;font-size:20px;letter-spacing:2px;margin:5px 0;opacity:.9}.course2-quiz-landing-context-sub{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:20px;justify-content:center;line-height:30px;margin:0 auto;max-width:800px;text-align:center;width:100%}.course2-quiz-landing-context-button{align-self:center;background-color:#fefae0!important;box-shadow:0 4px 15px #0e3f6a66!important;color:#1e3b66!important;font-weight:600!important;margin-top:30px!important;transition:all .3s ease!important}@media (max-width:1024px){.course2-quiz-landing-context-head-main-title{font-size:100px}.course2-quiz-landing-context-head-main-title-sub{font-size:65px}.course2-quiz-landing-context-sub{font-size:18px;line-height:28px}}@media (max-width:768px){.course2-quiz-landing-container{height:calc(100vh - 120px);padding:40px 20px 80px;width:calc(100% - 40px)}.course2-quiz-landing-context-head-main-title{font-size:80px}.course2-quiz-landing-context-head-main-title-sub{font-size:50px}.course2-quiz-landing-context-head-subtitle{font-size:18px}.course2-quiz-landing-context-sub{font-size:18px;line-height:26px}}.course-2{height:100vh;overflow:hidden;position:relative}.course-2 .course-content{height:100vh;left:0;position:absolute;top:0;transform:translateY(100vh);transition:transform 1.2s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.course-2 .course-content.active{transform:translateY(0)}.course-2 .get-started-section{background-color:#11406a;height:100vh;left:0;position:absolute;top:0;transform:translateY(0);transition:transform 1.2s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.course-2 .get-started-section.slide-up{transform:translateY(-100vh)}.course-3{height:100vh;overflow:hidden;position:relative}.course-3 .course-content{height:100vh;left:0;position:absolute;top:0;transform:translateY(100vh);transition:transform 1.2s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.course-3 .course-content.active{transform:translateY(0)}.course-3 .get-started-section{background-color:#1e3b66;height:100vh;left:0;position:absolute;top:0;transform:translateY(0);transition:transform 1.2s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.course-3 .get-started-section.slide-up{transform:translateY(-100vh)}.c3-s18-container{align-items:center;background-color:#f0f4f8;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:40px;width:100%}.c3-s18-content{margin-bottom:40px;text-align:center}.c3-s18-title{color:#11406a;font-size:2.8rem;font-weight:700;margin-bottom:8px;margin-top:0}.c3-s18-subtitle{color:#555;font-size:1.2rem;margin:0 auto;max-width:600px}.c3-s18-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);max-width:1400px;width:100%}.c3-s18-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease;will-change:transform,opacity}.c3-s18-image-container{overflow:hidden;padding-top:100%;position:relative;width:100%}.c3-s18-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .4s ease;width:100%}.c3-s18-card:hover .c3-s18-image{transform:scale(1.1)}.c3-s18-card-content{display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:20px;text-align:center}.c3-s18-card-title{color:#1e3b66;font-size:1.4rem;font-weight:600;margin:0 0 10px}.c3-s18-card-summary{color:#666;font-size:.95rem;line-height:1.5}@media (max-width:1200px){.c3-s18-grid{grid-template-columns:repeat(2,1fr);max-width:700px}.c3-s18-title{font-size:2.5rem}}@media (max-width:768px){.c3-s18-grid{grid-template-columns:1fr;max-width:350px}.c3-s18-container{height:auto;min-height:100vh;padding:20px}.c3-s18-title{font-size:2rem}.c3-s18-subtitle{font-size:1rem}.c3-s18-content{margin-bottom:30px}}.c3-s20-wrapper{align-items:flex-start;background:#f8fafc;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:2rem 1.5rem 4rem;width:100%}.c3-s20-container{gap:3rem;max-width:1400px;padding-bottom:2rem;padding-top:1rem;width:100%}.c3-s20-container,.c3-s20-header{align-items:center;display:flex;flex-direction:column}.c3-s20-header{text-align:center}.c3-s20-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 1rem}.c3-s20-title-line{background:#11406a;border-radius:2px;height:3px;width:80px}.c3-s20-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);max-width:1400px;width:100%}.c3-s20-card{animation:breathingGlow 3.5s ease-in-out infinite;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 40px #11406a1a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.22,1,.36,1)}@keyframes breathingGlow{0%,to{box-shadow:0 10px 40px #11406a1a}50%{box-shadow:0 12px 45px #11406a26}}.c3-s20-card:hover{animation-play-state:paused;background-color:#f7faff;border-color:#3b82f6;box-shadow:0 15px 50px #3b82f626;transform:translateY(-8px)}.c3-s20-card.is-clicked{animation:none;background-color:#f0fdf4;border-color:#16a34a}.c3-s20-card.is-clicked:hover{border-color:#15803d;box-shadow:0 15px 50px #16a34a33}.c3-s20-card-image-container{aspect-ratio:4/3;overflow:hidden;position:relative;width:100%}.c3-s20-card-image{height:100%;object-fit:cover;object-position:center;transition:transform .4s ease-out;width:100%}.c3-s20-card:hover .c3-s20-card-image{transform:scale(1.08)}.c3-s20-viewed-indicator{align-items:center;background:#16a34a;border-radius:50%;box-shadow:0 4px 15px #16a34a4d;display:flex;height:36px;justify-content:center;position:absolute;right:15px;top:15px;width:36px;z-index:10}.c3-s20-card-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.75rem}.c3-s20-card-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.5px;line-height:1.3;margin:0;text-transform:uppercase}.c3-s20-card-preview{color:#475569;flex:1 1;font-size:.95rem;line-height:1.6;margin:0}.c3-s20-learn-more-btn{align-self:flex-start;background:#0000;border:2px solid #11406a;border-radius:8px;color:#11406a;cursor:pointer;font-family:BentonSans,sans-serif;font-size:.95rem;font-weight:600;margin-top:auto;padding:.75rem 1.5rem;transition:all .3s ease}.c3-s20-learn-more-btn:hover{background:#11406a;color:#fff;transform:translateX(4px)}.c3-s20-footer-text{color:#64748b;font-size:.95rem;margin:0;max-width:600px;text-align:center}.c3-s20-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;display:flex;inset:0;justify-content:center;padding:30px;position:fixed;z-index:1000}.c3-s20-modal{background:#fff;border-radius:24px;box-shadow:0 25px 60px #0000004d;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.c3-s20-modal-header{color:#fff;display:flex;flex-direction:column;height:250px;justify-content:flex-end;position:relative}.c3-s20-modal-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.c3-s20-modal-header-overlay{background:linear-gradient(0deg,#000c 0,#00000080 50%,#0000);display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:1.5rem 2rem;position:relative;z-index:2}.c3-s20-close-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px}.c3-s20-close-btn:hover{background-color:#ffffff4d;transform:scale(1.1) rotate(90deg)}.c3-s20-modal-title-section{align-items:center;display:flex;gap:20px}.c3-s20-modal-title{color:#fff;font-family:BentonSans,sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin:0;text-shadow:0 2px 10px #00000080;text-transform:uppercase}.c3-s20-modal-content{background:#f8fafc;display:flex;flex-direction:column;gap:1.5rem;max-height:calc(90vh - 250px);overflow-y:auto;padding:2rem 2rem 3rem}.c3-s20-detail-block.c3-s20-detail-effect:last-of-type{margin-bottom:3rem!important}.c3-s20-detail-block{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.c3-s20-detail-effect{background-color:#1e3b660a}.c3-s20-completion-modal{background:#fff;border-radius:24px;border-top:6px solid #facc15;box-shadow:0 25px 60px #0000004d;max-width:550px;padding:3rem;position:relative;text-align:center;width:100%}.c3-s20-completion-icon-wrapper{align-items:center;background:#fefce8;border:4px solid #fff;border-radius:50%;box-shadow:0 10px 30px #facc1533;display:flex;height:80px;justify-content:center;margin:-70px auto 20px;width:80px}.c3-s20-completion-icon{color:#facc15}.c3-s20-completion-text{color:#374151;font-size:1.1rem;line-height:1.7;margin:0 0 2rem}.c3-s20-completion-close-btn{background:#11406a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.c3-s20-completion-close-btn:hover{background:#1e3b66;box-shadow:0 6px 20px #11406a4d;transform:translateY(-2px)}@media (max-width:1400px){.c3-s20-grid{gap:1.5rem}.c3-s20-card{min-height:450px}}@media (max-width:1200px){.c3-s20-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.c3-s20-wrapper{padding:1.5rem 1rem 3rem}.c3-s20-container{gap:2rem;padding-bottom:1.5rem;padding-top:.5rem}.c3-s20-title{font-size:2rem;margin-bottom:.75rem}.c3-s20-grid{gap:1.5rem;grid-template-columns:1fr}.c3-s20-card{min-height:auto}.c3-s20-card-image-container{height:180px}.c3-s20-modal{margin:20px}.c3-s20-modal-title{font-size:1.5rem}.c3-s20-modal-content{margin-bottom:3rem;padding:1.5rem}}@media (max-width:480px){.c3-s20-wrapper{padding:1rem .75rem 2rem}.c3-s20-container{gap:1.5rem;padding-bottom:1rem;padding-top:.25rem}.c3-s20-title{font-size:1.75rem;margin-bottom:.5rem}.c3-s20-card-content{padding:1.25rem}.c3-s20-card-title{font-size:1.15rem}.c3-s20-modal-content{margin-bottom:2rem;padding:1.25rem}}@media (max-height:750px){.c3-s20-wrapper{align-items:flex-start;min-height:auto;padding:1.5rem 1.5rem 3rem}.c3-s20-container{gap:1.5rem;padding-bottom:1.5rem;padding-top:2rem}.c3-s20-header{margin-top:0;padding-top:0}.c3-s20-title{font-size:2rem;line-height:1.2;margin:0 0 .75rem}.c3-s20-grid{gap:1.5rem}}@media (max-height:650px){.c3-s20-wrapper{padding:1rem 1.5rem 2rem}.c3-s20-container{gap:1.5rem}.c3-s20-title{font-size:1.75rem;margin-bottom:.5rem}.c3-s20-grid{gap:1rem}.c3-s20-card{min-height:auto}}.c3-s21-wrapper{background:#f8fafc;height:100vh;overflow:hidden;width:100%}.c3-s21-split-container{display:flex;height:100%;width:100%}.c3-s21-left-panel{background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:3rem 2.5rem;width:30%;z-index:2}.c3-s21-panel-header{margin-bottom:3rem}.c3-s21-main-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.c3-s21-subtitle{color:#64748b;font-size:1rem;font-weight:400;margin:0}.c3-s21-tea-list{display:flex;flex:1 1;flex-direction:column;gap:1rem}.c3-s21-tea-item{background:#f8fafc;border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.c3-s21-tea-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(5px)}.c3-s21-tea-item.active{background:#e0f2fe;border-color:#11406a;box-shadow:0 4px 12px #11406a26}.c3-s21-tea-item-content{align-items:center;display:flex;justify-content:space-between}.c3-s21-tea-name{color:#11406a;font-family:BentonSans,sans-serif;font-size:1.15rem;font-weight:600;letter-spacing:.3px}.c3-s21-tea-arrow{color:#64748b;transition:transform .3s ease}.c3-s21-tea-item.active .c3-s21-tea-arrow{color:#11406a;transform:translateX(5px)}.c3-s21-active-indicator{border-radius:0 4px 4px 0;bottom:0;left:0;position:absolute;top:0;width:4px}.c3-s21-info-trigger{align-items:center;background:#11406a;border:none;border-radius:12px;box-shadow:0 4px 15px #235d87;color:#fff;cursor:pointer;display:flex;font-family:BentonSans,sans-serif;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:2rem;padding:1rem 1.5rem;transition:all .3s ease}.c3-s21-info-trigger:hover{background:#1f2937;box-shadow:0 8px 25px #1118274d;transform:translateY(-3px)}.c3-s21-info-trigger-blink{animation:buttonBlink 2.5s ease-in-out infinite}.c3-s21-right-panel{background:#f0f4f8;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:2rem;width:70%}.c3-s21-image-card{border-radius:20px 20px 0 0;box-shadow:0 12px 35px #11406a2e;display:grid;flex-shrink:0;overflow:hidden;position:relative;width:100%}.c3-s21-image-card>*{grid-area:1/1}.c3-s21-bg-image{display:block;height:100%;max-height:40vh;object-fit:cover;width:100%}.c3-s21-image-title-overlay{background:linear-gradient(0deg,#000000bf 0,#00000080 40%,#0000);bottom:0;left:0;padding:2.5rem 2rem 1.5rem;position:absolute;right:0}.c3-s21-tea-title{color:#fff;font-family:BentonSans,sans-serif;font-size:2.25rem;font-weight:700;margin:0;text-shadow:0 2px 8px #00000080}.c3-s21-details-card{background:#fff;border-radius:0 0 20px 20px;box-shadow:0 8px 25px #11406a14;display:flex;flex:1 1;flex-direction:column;margin-bottom:1rem;min-height:0;padding:1.5rem}.c3-s21-details-title{border-bottom:1px solid #e2e8f0;color:#11406a;flex-shrink:0;font-size:1rem;font-weight:600;letter-spacing:1px;margin:0 0 1rem;padding-bottom:.75rem;text-transform:uppercase}.c3-s21-params-grid{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(5,1fr)}.c3-s21-param-box{background:#f8fafc;border:2px solid #0000;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:1rem;transition:all .4s ease}.c3-s21-param-box:hover{box-shadow:0 6px 15px #11406a14;transform:translateY(-3px)}.c3-s21-tea-type{color:#11406a;font-size:.9rem;font-weight:700;margin:0 0 .75rem;transition:color .4s ease}.c3-s21-param-row{display:flex;flex-direction:column;gap:.5rem}.c3-s21-param-group{align-items:center;display:flex;gap:.5rem}.c3-s21-param-icon{background:#e0f2fe;border-radius:50%;color:#11406a;flex-shrink:0;padding:5px}.c3-s21-param-info{display:flex;flex-direction:column;gap:1px}.c3-s21-param-label{color:#64748b;font-size:.65rem;font-weight:500;text-transform:uppercase}.c3-s21-param-value{color:#1e293b;font-size:.85rem;font-weight:600}.c3-s21-special-note{align-items:flex-start;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.c3-s21-note-icon{flex-shrink:0;font-size:1.1rem;margin-top:2px}.c3-s21-note-text{color:#78350f;font-size:.9rem;font-weight:500;line-height:1.6;margin:0}.c3-s21-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;display:flex;inset:0;justify-content:center;padding:30px;position:fixed;z-index:1000}.c3-s21-modal{background:#fff;border-radius:24px;box-shadow:0 25px 60px #0000004d;max-height:85vh;max-width:700px;overflow:hidden;position:relative;width:100%}.c3-s21-close-btn{align-items:center;background-color:#0000001a;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10}.c3-s21-close-btn:hover{background-color:#00000026;transform:scale(1.1) rotate(90deg)}.c3-s21-close-btn-icon{color:#fff}.c3-s21-modal-header{align-items:center;background:linear-gradient(135deg,#11406a,#1e3b66);color:#fff;display:flex;flex-direction:column;gap:1rem;padding:2.5rem 2rem 1.5rem;text-align:center}.c3-s21-modal-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;height:60px;justify-content:center;width:60px}.c3-s21-modal-title{font-family:BentonSans,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin:0}.c3-s21-modal-content{background:#f8fafc;max-height:calc(85vh - 200px);overflow-y:auto;padding:2rem}.c3-s21-modal-intro{color:#374151;font-size:1rem;line-height:1.7;margin:0 0 1.5rem}.c3-s21-info-points{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.c3-s21-info-point{background:#fff;border-left:4px solid #11406a;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;padding:1.25rem}.c3-s21-bullet{color:#11406a;flex-shrink:0;font-size:1.5rem;font-weight:700;line-height:1.2}.c3-s21-info-point p{color:#374151;font-size:.95rem;line-height:1.7;margin:0}.c3-s21-modal-close-btn{background:#11406a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:BentonSans,sans-serif;font-size:1rem;font-weight:600;margin-bottom:20px;padding:.9rem 2rem;transition:all .3s ease;width:100%}.c3-s21-modal-close-btn:hover{background:#1e3b66;box-shadow:0 6px 20px #11406a4d;transform:translateY(-2px)}@media (max-width:1400px){.c3-s21-params-grid{gap:.75rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.c3-s21-params-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.c3-s21-split-container{flex-direction:column;height:auto}.c3-s21-left-panel,.c3-s21-right-panel{height:auto;min-height:100vh;width:100%}.c3-s21-left-panel,.c3-s21-right-panel{height:50vh}.c3-s21-tea-cards-container{max-height:30vh;padding:1.5rem}}@media (max-width:768px){.c3-s21-main-title{font-size:1.5rem}.c3-s21-params-grid{gap:.75rem;grid-template-columns:1fr}.c3-s21-tea-title{font-size:1.25rem;margin-bottom:1rem}.c3-s21-param-value{font-size:.85rem}.c3-s21-tea-cards-container{padding:1rem}.c3-s21-param-box{padding:.75rem}}.c3-s22-wrapper{background:#f0f4f8;box-sizing:border-box;display:grid;min-height:100vh;padding:2rem;place-items:center;width:100%}.c3-s22-container{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;width:100%}.c3-s22-header{text-align:center}.c3-s22-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.c3-s22-subtitle{color:#475569;font-size:1.1rem;margin:0 auto;max-width:600px}.c3-s22-content-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.c3-s22-sugar-card,.c3-s22-tea-infographic-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #11406a14;display:flex;flex-direction:column;padding:1.5rem}.c3-s22-tea-infographic-card{min-height:0;overflow:hidden}.c3-s22-card-title{border-bottom:1px solid #e8edf2;color:#11406a;font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding-bottom:1rem}.c3-s22-tea-list{grid-gap:.75rem;display:grid;flex:1 1;flex-grow:1;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem;overflow-y:auto;padding-right:.5rem}@media (min-width:1200px){.c3-s22-tea-list{grid-template-columns:repeat(3,1fr)}}.c3-s22-tea-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:default;display:flex;gap:.75rem;padding:.6rem .85rem;position:relative;transition:all .2s ease-out}.c3-s22-tea-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.c3-s22-icon-black{background:#8b4513}.c3-s22-icon-green{background:#2e8b57}.c3-s22-icon-oolong{background:#4682b4}.c3-s22-icon-tisane{background:#db7093}.c3-s22-tea-name{color:#334155;flex:1 1;font-size:.9rem;font-weight:500}.c3-s22-milk-indicator{color:#11406a;font-size:1rem;font-weight:700}.c3-s22-legend{border-top:1px solid #e8edf2;color:#64748b;font-size:.85rem;margin:0;padding-top:1rem;text-align:right}.c3-s22-sugar-card{justify-content:center;text-align:center}.c3-s22-card-icon-wrapper{align-items:center;background:#e0f2fe;border-radius:50%;color:#0c4a6e;display:flex;height:50px;justify-content:center;margin:0 auto .75rem;width:50px}.c3-s22-card-text{color:#475569;font-size:.95rem;line-height:1.7;margin:0}@media (max-width:1024px){.c3-s22-wrapper{display:block;padding:2rem 1.5rem}.c3-s22-title{font-size:2rem}.c3-s22-content-grid{grid-template-columns:1fr}.c3-s22-tea-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.c3-s22-wrapper{padding:2rem 1.5rem}.c3-s22-title{font-size:2rem}.c3-s22-tea-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.c3-s22-tea-list{grid-template-columns:1fr}}.c3-s23-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:auto;padding:1.5rem;width:100%}.c3-s23-container{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 100px);max-width:1400px;width:100%}.c3-s23-header{text-align:center}.c3-s23-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.c3-s23-content-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.c3-s23-info-panel{display:flex;flex-direction:column;gap:0}.c3-s23-equipment-section{background:linear-gradient(135deg,#11406a,#1e3b66);border-radius:16px;box-shadow:0 8px 24px #11406a33;display:flex;flex-direction:column;height:calc(100vh - 200px);padding:1.5rem}.c3-s23-section-title{color:#fff;font-family:BentonSans,sans-serif;font-size:1.2rem;font-weight:700;margin:0 0 1rem;text-align:center}.c3-s23-equipment-grid{grid-gap:.8rem;display:grid;flex:1 1;gap:.8rem;grid-template-columns:repeat(2,1fr)}.c3-s23-equipment-card{align-items:center;background:#fffffff2;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem .75rem;transition:all .3s ease}.c3-s23-equipment-card:hover{background:#fff;border-color:#fbbf24;box-shadow:0 8px 20px #fbbf244d;transform:scale(1.05)}.c3-s23-equipment-img{height:80px;object-fit:contain;width:80px}.c3-s23-equipment-label{color:#11406a;font-size:.8rem;font-weight:700;text-align:center}.c3-s23-middle-column{display:flex;flex-direction:column;gap:1rem}.c3-s23-info-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 20px #11406a1a;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1.5rem}.c3-s23-proportion-card{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;box-shadow:0 12px 32px #fbbf244d;color:#11406a;height:100%}.c3-s23-info-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 .75rem;text-align:center}.c3-s23-proportion-card .c3-s23-info-title{color:#11406a}.c3-s23-proportion-text{color:#11406a;font-size:1.1rem;line-height:1.6;margin:0;text-align:center}.c3-s23-proportion-text strong{color:#7c2d12;display:block;font-size:1.5rem;margin:.25rem 0}.c3-s23-addons-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.c3-s23-addon-tag{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #11406a;border-radius:25px;color:#11406a;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.25rem;position:relative;transition:all .3s ease}.c3-s23-addon-tag:hover{background:#11406a;color:#fff;transform:scale(1.05)}.c3-s23-addon-tag:after{background:#11406afa;border-radius:12px;bottom:calc(100% + 12px);box-shadow:0 12px 24px #00000040;color:#fff;content:attr(data-tooltip);font-size:.9rem;font-weight:500;line-height:1.5;max-width:280px;min-width:200px;padding:.85rem 1.25rem;text-align:center;transform:translateX(-50%) translateY(-5px);white-space:normal}.c3-s23-addon-tag:after,.c3-s23-addon-tag:before{left:50%;opacity:0;pointer-events:none;position:absolute;transition:all .3s ease;z-index:100}.c3-s23-addon-tag:before{border:8px solid #0000;border-top-color:#11406afa;bottom:calc(100% + 4px);content:"";transform:translateX(-50%)}.c3-s23-addon-tag:hover:after,.c3-s23-addon-tag:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}.c3-s23-tea-column{display:flex;flex-direction:column;gap:1.5rem}.c3-s23-tea-grid{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.c3-s23-tea-card{grid-gap:1rem;align-items:center;background:#fff;border:1px solid #e2e8f0;border-left:5px solid;border-radius:12px;box-shadow:0 4px 16px #11406a14;display:grid;gap:1rem;grid-template-columns:1fr auto auto;padding:1rem 1.25rem;transition:all .3s ease}.c3-s23-tea-card:hover{box-shadow:0 8px 24px #11406a26;transform:translateX(5px)}.c3-s23-tea-card-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:1.1rem;font-weight:700;margin:0;text-align:left}.c3-s23-tea-card-info{display:contents}.c3-s23-tea-temp,.c3-s23-tea-time{background:#f8fafc;border-radius:6px;color:#64748b;font-size:.85rem;font-weight:600;padding:.4rem .75rem;white-space:nowrap}.c3-s23-guide-btn{align-items:center;animation:buttonBlink 2.5s ease-in-out infinite;background:linear-gradient(135deg,#11406a,#1e3b66);border:none;border-radius:16px;box-shadow:0 8px 24px #11406a4d;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:BentonSans,sans-serif;font-size:1.1rem;font-weight:700;gap:1rem;height:100%;justify-content:center;transition:all .3s ease;width:100%}.c3-s23-guide-btn:hover{background:linear-gradient(135deg,#1e3b66,#11406a);box-shadow:0 12px 32px #11406a66}.c3-s23-btn-icon{animation:bookPulse 2s ease-in-out infinite}@keyframes bookPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes buttonBlink{0%,to{box-shadow:0 8px 24px #11406a4d;transform:scale(1)}50%{box-shadow:0 12px 35px #11406a80,0 0 20px #11406a4d;transform:scale(1.02)}}.c3-s23-btn-text{font-size:1.1rem;line-height:1.4;text-align:center}.c3-s23-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.c3-s23-modal{background:#fff;border-radius:24px;box-shadow:0 25px 60px #0006;display:flex;flex-direction:column;height:650px;max-width:800px;overflow:hidden;position:relative;width:100%}.c3-s23-modal-close{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:44px;z-index:10}.c3-s23-modal-close:hover{background:#fff;transform:scale(1.1) rotate(90deg)}.c3-s23-guide-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.c3-s23-guide-image-wrapper{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;overflow:hidden;padding:3rem 2.5rem;position:relative}.c3-s23-guide-image{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.c3-s23-guide-overlay{background:linear-gradient(180deg,#11406ad9 0,#11406abf 50%,#11406ae6);inset:0;position:absolute;z-index:1}.c3-s23-guide-title{color:#fff;font-family:BentonSans,sans-serif;font-size:3rem;font-weight:700;margin:0;position:relative;text-shadow:0 4px 16px #0006;z-index:2}.c3-s23-guide-details{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:2}.c3-s23-guide-description{color:#fff;font-size:1.15rem;line-height:1.8;margin:0;text-shadow:0 2px 8px #0000004d}.c3-s23-guide-params{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.c3-s23-guide-param{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.c3-s23-guide-param-icon{font-size:2rem}.c3-s23-guide-param-label{color:#64748b;display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.c3-s23-guide-param-value{color:#11406a;display:block;font-family:BentonSans,sans-serif;font-size:1.4rem;font-weight:700}.c3-s23-modal-nav{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem 2rem}.c3-s23-nav-btn{align-items:center;background:#fff;border:2px solid #11406a;border-radius:50%;color:#11406a;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.c3-s23-nav-btn:hover{background:#11406a;color:#fff;transform:scale(1.1)}.c3-s23-nav-dots{display:flex;gap:.75rem}.c3-s23-nav-dot{background:#e2e8f0;border:2px solid #cbd5e1;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.c3-s23-nav-dot.active{border-color:#0000;border-radius:5px;width:28px}@media (max-width:1200px){.c3-s23-content-grid{gap:1.5rem;grid-template-columns:1fr}.c3-s23-info-panel{flex-direction:row;gap:1rem}.c3-s23-info-card{flex:1 1}.c3-s23-tea-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.c3-s23-title{font-size:2rem}.c3-s23-tea-grid{grid-template-columns:repeat(2,1fr)}.c3-s23-guide-params{grid-template-columns:1fr}}.c3-s24-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:auto;padding:1.5rem;width:100%}.c3-s24-container{display:flex;flex-direction:column;gap:.75rem;height:calc(100vh - 80px);max-width:1400px;width:100%}.c3-s24-header{flex-shrink:0;text-align:center}.c3-s24-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.c3-s24-content-grid{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:1fr 1fr 1fr;min-height:0}.c3-s24-left-column{display:flex;flex-direction:column;gap:.75rem;min-height:0}.c3-s24-equipment-section{background:linear-gradient(135deg,#11406a,#1e3b66);border-radius:12px;box-shadow:0 8px 24px #11406a33;flex-shrink:0;padding:1.25rem}.c3-s24-section-title{color:#fff;font-family:BentonSans,sans-serif;font-size:1rem;font-weight:700;margin:0 0 .75rem;text-align:center}.c3-s24-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.c3-s24-list li{color:#fff;font-size:.85rem;line-height:1.4;padding-left:1.5rem;position:relative}.c3-s24-list li:before{color:#fbbf24;content:"•";font-size:1rem;font-weight:700;left:.5rem;position:absolute}.c3-s24-image-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #11406a1a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.c3-s24-image{display:block;flex:1 1;min-height:0;object-fit:cover;width:100%}.c3-s24-image-caption{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);display:flex;flex-shrink:0;gap:.5rem;justify-content:center;padding:.65rem .85rem}.c3-s24-caption-icon{font-size:1.1rem}.c3-s24-caption-text{color:#fff;font-size:.85rem;font-weight:600}.c3-s24-middle-column{gap:.75rem}.c3-s24-info-card,.c3-s24-middle-column{display:flex;flex-direction:column;min-height:0}.c3-s24-info-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 20px #11406a1a;justify-content:center;padding:1.25rem}.c3-s24-card-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:1rem;font-weight:700;margin:0 0 .75rem;text-align:center}.c3-s24-proportion-card{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;flex:0.6 1}.c3-s24-proportion-card .c3-s24-card-title{color:#11406a}.c3-s24-proportion-content{display:flex;flex-direction:column;gap:.5rem}.c3-s24-proportion-text{color:#11406a;font-size:.85rem;font-weight:600;margin:0;text-align:center}.c3-s24-proportion-text strong{color:#11406a;font-size:1rem;font-weight:700}.c3-s24-proportion-sub{border-top:2px solid #11406a33;font-size:.8rem;padding-top:.4rem}.c3-s24-info-card:not(.c3-s24-proportion-card){flex:1.4 1}.c3-s24-steeping-grid{display:flex;flex:1 1;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.c3-s24-steeping-item{grid-gap:.5rem;align-items:center;background:#f8fafc;border-radius:6px;display:grid;gap:.5rem;grid-template-columns:auto 1fr auto;padding:.7rem .5rem;transition:all .3s ease}.c3-s24-steeping-item:hover{background:#f1f5f9;transform:translateX(3px)}.c3-s24-steeping-dot{border-radius:50%;height:8px;width:8px}.c3-s24-steeping-tea{color:#475569;font-size:.9rem;font-weight:600}.c3-s24-steeping-time{background:#fff;font-weight:700;padding:.2rem .5rem}.c3-s24-note,.c3-s24-steeping-time{border-radius:6px;color:#64748b;font-size:.75rem}.c3-s24-note{background:#fef3c7;border-left:3px solid #fbbf24;font-style:italic;margin:0;padding:.5rem}.c3-s24-right-column{display:flex;flex-direction:column;gap:.75rem;min-height:0}.c3-s24-steps-card{background:linear-gradient(135deg,#11406a,#1e3b66);border-radius:12px;box-shadow:0 12px 32px #11406a4d;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:1.25rem}.c3-s24-steps-title{border-bottom:2px solid #fff3;color:#fff;flex-shrink:0;font-family:BentonSans,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 .75rem;padding-bottom:.65rem;text-align:center}.c3-s24-steps-instruction{color:#fffc;font-size:.85rem;font-style:italic;margin:-.5rem 0 1rem;text-align:center}.c3-s24-steps-list{display:flex;flex:1 1;flex-direction:column;gap:.6rem;min-height:0;overflow-y:auto}.c3-s24-steps-list::-webkit-scrollbar{width:8px}.c3-s24-steps-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.c3-s24-steps-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.c3-s24-steps-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.c3-s24-steps-list{scrollbar-color:#ffffff4d #ffffff1a;scrollbar-width:thin}.c3-s24-step{background:#0000;border:2px solid #fff3;border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:.75rem;min-height:fit-content;overflow:hidden;padding:.75rem;position:relative;transition:all .3s ease}.c3-s24-step-background{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;bottom:0;left:0;position:absolute;right:0;top:0;transition:all .4s ease;z-index:0}.c3-s24-step.blurred .c3-s24-step-background{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.c3-s24-step.blurred{cursor:not-allowed;opacity:.6;transform:scale(.98)}.c3-s24-step.blurred:hover{border-color:#fff3;transform:scale(.98)}.c3-s24-step.blurred .c3-s24-step-text{color:#0000;text-shadow:0 0 8px #ffffffb3}.c3-s24-step.next-step{animation:breathingGlow 2s ease-in-out infinite;cursor:pointer;opacity:.2;position:relative}.c3-s24-reveal-prompt{background:#ffffffe6;border-radius:8px;box-shadow:0 4px 15px #0003;color:#11406a;font-size:.8rem;font-weight:700;left:50%;padding:.5rem 1rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}.c3-s24-step:hover{background:#ffffff26;border-color:#fff6;transform:translateX(3px)}.c3-s24-step.completed{background:#22c55e33;border-color:#22c55e}.c3-s24-step-number{align-items:center;background:#fffffff2;border-radius:50%;color:#11406a;display:flex;flex-shrink:0;font-family:BentonSans,sans-serif;font-size:1rem;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px;z-index:1}.c3-s24-question-mark{color:#11406a;font-size:1.2rem;font-style:italic;font-weight:600}.c3-s24-step.completed .c3-s24-step-number{background:#22c55e;color:#fff}.c3-s24-check-icon{animation:checkPop .4s ease}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.c3-s24-step-text{align-items:center;color:#fff;display:flex;flex:1 1;font-size:.85rem;line-height:1.4;margin:0;z-index:1}.c3-s24-step.completed .c3-s24-step-text{opacity:.8}.c3-s24-completion-message{align-items:center;background:#22c55e33;border:2px solid #22c55e;border-radius:10px;display:flex;flex-shrink:0;gap:.65rem;margin-top:.65rem;padding:.75rem}.c3-s24-completion-icon{animation:celebrate 1s ease infinite;font-size:1.3rem}@keyframes celebrate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-15deg) scale(1.1)}75%{transform:rotate(15deg) scale(1.1)}}.c3-s24-completion-text{color:#fff;flex:1 1;font-size:.85rem;font-weight:600;margin:0}.c3-s24-addons-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 20px #11406a1a;flex-shrink:0;padding:1rem}.c3-s24-addons-card .c3-s24-card-title{margin-bottom:.65rem}.c3-s24-addons-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.c3-s24-addon-tag{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #11406a;border-radius:16px;color:#11406a;cursor:pointer;font-size:.75rem;font-weight:600;padding:.45rem .5rem;position:relative;text-align:center;transition:all .3s ease}.c3-s24-addon-tag:hover{background:#11406a;color:#fff;transform:scale(1.03)}.c3-s24-addon-tag:after{background:#11406afa;border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 8px 16px #0003;color:#fff;content:attr(data-tooltip);font-size:.8rem;font-weight:500;padding:.65rem 1rem;transform:translateX(-50%) translateY(-5px);white-space:nowrap}.c3-s24-addon-tag:after,.c3-s24-addon-tag:before{left:50%;opacity:0;pointer-events:none;position:absolute;transition:all .3s ease;z-index:100}.c3-s24-addon-tag:before{border:6px solid #0000;border-top-color:#11406afa;bottom:calc(100% + 4px);content:"";transform:translateX(-50%)}.c3-s24-addon-tag:hover:after,.c3-s24-addon-tag:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:1200px){.c3-s24-content-grid{gap:1rem;grid-template-columns:1fr 1fr}.c3-s24-right-column{grid-column:1/-1}.c3-s24-addons-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:768px){.c3-s24-wrapper{padding:1rem}.c3-s24-container{gap:1rem;height:auto}.c3-s24-title{font-size:1.75rem}.c3-s24-content-grid{gap:1rem;grid-template-columns:1fr}.c3-s24-right-column{grid-column:auto}.c3-s24-addons-grid{grid-template-columns:repeat(3,1fr)}.c3-s24-step-text{font-size:.85rem}}@media (max-height:700px){.c3-s24-wrapper{padding:1rem}.c3-s24-container{height:calc(100vh - 80px)}.c3-s24-title{font-size:1.75rem;margin-bottom:.25rem}.c3-s24-content-grid{gap:.75rem}.c3-s24-addons-card,.c3-s24-equipment-section,.c3-s24-info-card,.c3-s24-steps-card{padding:1.25rem}.c3-s24-step{padding:.75rem}.c3-s24-step-text{font-size:.85rem}}@media (max-height:650px){.c3-s24-container{height:calc(100vh - 60px)}.c3-s24-title{font-size:1.5rem}.c3-s24-content-grid{gap:.65rem}}.c3-s25-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:2rem;width:100%}.c3-s25-container{display:flex;flex-direction:column;gap:1.5rem;height:100%;max-width:1400px;width:100%}.c3-s25-header{text-align:center}.c3-s25-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.c3-s25-subtitle{color:#64748b;font-size:1.1rem;font-weight:500;margin:0}.c3-s25-content-grid{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:1fr 1fr;overflow:hidden}.c3-s25-image-section{align-items:center;display:flex;justify-content:center}.c3-s25-image-wrapper{border-radius:20px;box-shadow:0 12px 32px #11406a33;height:100%;overflow:hidden;position:relative;width:100%}.c3-s25-image{height:100%;object-fit:cover;width:100%}.c3-s25-image-overlay{position:absolute;right:2rem;top:2rem;z-index:2}.c3-s25-hint{align-items:center;background:linear-gradient(0deg,#11406af2 0,#11406ad9 50%,#11406a00);bottom:0;display:flex;gap:.75rem;justify-content:center;left:0;padding:2.5rem 2rem 1.5rem;position:absolute;right:0;z-index:3}.c3-s25-hint-icon{animation:bounce 2s ease-in-out infinite;font-size:1.5rem}.c3-s25-hint-text{color:#fbbf24;font-size:1rem;font-weight:600;letter-spacing:.3px;text-shadow:0 2px 8px #0000004d}@keyframes bounce{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}.c3-s25-progress-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11406af2;border-radius:50px;box-shadow:0 8px 24px #0000004d;display:flex;gap:.25rem;padding:1rem 1.5rem}.c3-s25-progress-number{color:#fbbf24;font-family:BentonSans,sans-serif;font-size:2rem;font-weight:700;line-height:1}.c3-s25-progress-label{color:#fff;font-size:1.2rem;font-weight:500;line-height:1}.c3-s25-steps-section{display:flex;flex-direction:column;overflow:hidden}.c3-s25-steps-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem}.c3-s25-step{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #11406a14;cursor:pointer;padding:1.25rem;transition:all .3s ease}.c3-s25-step:hover{border-color:#11406a;box-shadow:0 8px 24px #11406a26;transform:translateY(-2px)}.c3-s25-step.active{background:linear-gradient(135deg,#f0f9ff,#fff);border-color:#11406a;box-shadow:0 8px 24px #11406a33}.c3-s25-step.completed{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e}.c3-s25-step-header{align-items:center;display:flex;gap:1rem}.c3-s25-step-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;transition:all .3s ease;width:56px}.c3-s25-step.active .c3-s25-step-icon-wrapper{background:linear-gradient(135deg,#11406a,#1e3b66)}.c3-s25-step.completed .c3-s25-step-icon-wrapper{background:linear-gradient(135deg,#22c55e,#16a34a)}.c3-s25-step-icon{font-size:1.75rem;transition:all .3s ease}.c3-s25-step.active .c3-s25-step-icon,.c3-s25-step.completed .c3-s25-step-icon{filter:brightness(2)}.c3-s25-check-badge{align-items:center;background:#fff;border-radius:50%;bottom:-4px;box-shadow:0 2px 8px #0003;display:flex;height:24px;justify-content:center;position:absolute;right:-4px;width:24px}.c3-s25-check-badge svg{stroke-width:3px;color:#22c55e}.c3-s25-step-title-wrapper{flex:1 1}.c3-s25-step-number{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.c3-s25-step.active .c3-s25-step-number{color:#11406a}.c3-s25-step-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:1.1rem;font-weight:700;margin:0}.c3-s25-step-description{border-top:1px solid #e2e8f0;margin-top:1rem;overflow:hidden;padding-top:1rem}.c3-s25-step-description p{color:#475569;font-size:.95rem;line-height:1.7;margin:0}.c3-s25-summary{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:16px;box-shadow:0 4px 16px #fbbf2433;display:flex;gap:1.25rem;padding:1.5rem}.c3-s25-summary-icon{align-items:center;background:#fff;border-radius:50%;color:#f59e0b;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.c3-s25-summary-content{flex:1 1}.c3-s25-summary-title{color:#92400e;font-family:BentonSans,sans-serif;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.c3-s25-summary-text{color:#78350f;font-size:.95rem;line-height:1.7;margin:0}.c3-s25-summary-text strong{color:#92400e;font-weight:700}.c3-s25-steps-list::-webkit-scrollbar{width:6px}.c3-s25-steps-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.c3-s25-steps-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.c3-s25-steps-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1200px){.c3-s25-content-grid{gap:1.5rem;grid-template-columns:1fr}.c3-s25-image-wrapper{max-height:300px}.c3-s25-steps-list{max-height:400px}}.c3-s26-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:1.5rem 2rem;width:100%}.c3-s26-container{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 80px);margin:0 auto;max-width:1400px;width:100%}.c3-s26-header{flex-shrink:0;margin-top:10px;text-align:center}.c3-s26-subtitle{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:2px;margin:10px 0 .5rem;text-transform:uppercase}.c3-s26-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.5px;margin:0}.c3-s26-intro{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;box-shadow:0 4px 16px #fbbf2426;gap:1rem;padding:1rem 1.5rem}.c3-s26-intro,.c3-s26-intro-icon{align-items:center;display:flex;flex-shrink:0}.c3-s26-intro-icon{background:#fff;border-radius:50%;color:#f59e0b;height:40px;justify-content:center;width:40px}.c3-s26-intro-text{color:#78350f;font-size:.95rem;font-weight:500;line-height:1.6;margin:0}.c3-s26-split-layout{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:380px 1fr;overflow:hidden}.c3-s26-cards-column{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem}.c3-s26-factor-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #11406a14;cursor:pointer;display:flex;flex-shrink:0;gap:1.25rem;height:96px;min-height:96px;padding:1.5rem;transition:all .3s ease}.c3-s26-factor-card:hover{box-shadow:0 8px 24px #11406a26;transform:translateX(8px)}.c3-s26-factor-card.active{box-shadow:0 8px 24px #11406a33;transform:translateX(8px)}.c3-s26-icon-wrapper{align-items:center;border-radius:14px;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;height:64px;justify-content:center;transition:all .3s ease;width:64px}.c3-s26-card-title{color:#11406a;flex:1 1;font-family:BentonSans,sans-serif;font-size:1.2rem;font-weight:700;margin:0}.c3-s26-description-column{align-items:flex-start;display:flex;justify-content:flex-start;overflow:hidden;padding-right:.5rem}.c3-s26-description-card{background:#fff;border:3px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 32px #11406a1f;display:flex;flex-direction:column;height:calc(100% - 30px);overflow:hidden;width:100%}.c3-s26-image-section{border-radius:16px 16px 0 0;height:70%;overflow:hidden;position:relative}.c3-s26-main-image{display:block;height:350px;object-fit:cover;object-position:center;width:100%}.c3-s26-image-overlay{align-items:center;background:linear-gradient(0deg,#000c 0,#0006 50%,#0000);bottom:0;display:flex;gap:1.5rem;left:0;padding:2rem;position:absolute;right:0}.c3-s26-description-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:2.5rem}.c3-s26-description-header{align-items:center;border-bottom:2px solid #f1f5f9cc;display:flex;flex-shrink:0;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.c3-s26-description-icon{align-items:center;border-radius:16px;box-shadow:0 4px 16px #00000026;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.c3-s26-description-title{color:#fff;flex:1 1;font-family:BentonSans,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;margin:0;text-shadow:0 2px 4px #00000080}.c3-s26-description-text{color:#374151;flex:1 1;font-size:1.1rem;font-weight:500;line-height:1.8;margin:0;overflow-y:auto;padding-right:.5rem}.c3-s26-cards-column::-webkit-scrollbar,.c3-s26-description-column::-webkit-scrollbar,.c3-s26-description-text::-webkit-scrollbar{width:6px}.c3-s26-cards-column::-webkit-scrollbar-track,.c3-s26-description-column::-webkit-scrollbar-track,.c3-s26-description-text::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.c3-s26-cards-column::-webkit-scrollbar-thumb,.c3-s26-description-column::-webkit-scrollbar-thumb,.c3-s26-description-text::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.c3-s26-cards-column::-webkit-scrollbar-thumb:hover,.c3-s26-description-column::-webkit-scrollbar-thumb:hover,.c3-s26-description-text::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1024px){.c3-s26-split-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.c3-s26-cards-column{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem}.c3-s26-factor-card{min-width:280px}.c3-s26-image-section{height:60%}.c3-s26-image-overlay{padding:1.5rem}.c3-s26-description-content{padding:2rem}.c3-s26-description-title{font-size:1.5rem}}@media (max-width:768px){.c3-s26-wrapper{padding:1.5rem}.c3-s26-title{font-size:2rem}.c3-s26-intro{flex-direction:column;text-align:center}.c3-s26-factor-card{padding:1.25rem}.c3-s26-image-section{height:60%}.c3-s26-image-overlay{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.c3-s26-description-content{padding:1.5rem}.c3-s26-description-icon{height:64px;width:64px}.c3-s26-description-title{font-size:1.35rem}.c3-s26-description-text{font-size:1rem}}@media (max-height:750px){.c3-s26-wrapper{padding:1rem 1.5rem}.c3-s26-container{gap:.75rem;height:calc(100vh - 40px)}.c3-s26-title{font-size:1.75rem}.c3-s26-subtitle{margin-top:0}.c3-s26-intro{padding:.75rem 1rem}.c3-s26-intro-text{font-size:.85rem;line-height:1.5}.c3-s26-split-layout{gap:1.5rem}.c3-s26-factor-card{gap:1rem;height:80px;min-height:80px;padding:1rem}.c3-s26-icon-wrapper{height:50px;width:50px}.c3-s26-card-title{font-size:1rem}.c3-s26-image-section{height:64%;min-height:250px}.c3-s26-image-overlay{gap:1rem;padding:1.5rem}.c3-s26-description-content{padding:2rem}.c3-s26-description-icon{height:60px;width:60px}.c3-s26-description-title{font-size:1.5rem}.c3-s26-description-text{font-size:.9rem;line-height:1.7}}.c3-s27-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:2rem;width:100%}.c3-s27-container{display:flex;flex-direction:column;gap:2rem;height:100%;margin:0 auto;max-width:1400px;width:100%}.c3-s27-header{flex-shrink:0;text-align:center}.c3-s27-subtitle{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:2px;margin:0 0 .75rem;text-transform:uppercase}.c3-s27-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:3rem;font-weight:700;letter-spacing:-1px;margin:0}.c3-s27-nav{display:flex;flex-shrink:0;gap:1rem;justify-content:center}.c3-s27-nav-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50px;box-shadow:0 2px 8px #11406a14;color:#64748b;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.c3-s27-nav-item:hover{border-color:var(--color);box-shadow:0 8px 24px #11406a26;transform:translateY(-2px)}.c3-s27-nav-item.active{background:var(--color);border-color:var(--color);box-shadow:0 8px 24px #0003;color:#fff}.c3-s27-nav-icon{font-size:1.25rem}.c3-s27-nav-title{font-family:BentonSans,sans-serif}.c3-s27-content{flex:1 1;overflow:hidden;position:relative}.c3-s27-section-content{height:100%;overflow-y:auto;padding-right:.5rem;width:100%}.c3-s27-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);height:100%}.c3-s27-list{gap:1.5rem;height:100%}.c3-s27-card,.c3-s27-list{display:flex;flex-direction:column}.c3-s27-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 16px #11406a14;gap:1rem;padding:2rem;transition:all .3s ease}.c3-s27-card:hover{box-shadow:0 12px 32px #11406a26;transform:translateY(-4px)}.c3-s27-card-header{align-items:center;display:flex;gap:1rem}.c3-s27-emoji{flex-shrink:0;font-size:2.5rem}.c3-s27-icon-wrapper{align-items:center;border-radius:16px;box-shadow:0 4px 12px #00000026;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.c3-s27-card-title{color:#11406a;font-family:BentonSans,sans-serif;font-size:1.25rem;font-weight:700;margin:0}.c3-s27-card-description{color:#64748b;font-size:1rem;line-height:1.7;margin:0}.c3-s27-sign-card{border-color:#fee2e2}.c3-s27-sign-card:hover{border-color:#ef4444}.c3-s27-why-card{border-color:#fef3c7}.c3-s27-why-card:hover{border-color:#f59e0b}.c3-s27-prevention-card{border-color:#d1fae5}.c3-s27-prevention-card:hover{border-color:#10b981}.c3-s27-section-content::-webkit-scrollbar{width:8px}.c3-s27-section-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.c3-s27-section-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.c3-s27-section-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1200px){.c3-s27-grid{grid-template-columns:1fr}.c3-s27-nav{flex-wrap:wrap;gap:.75rem}.c3-s27-nav-item{font-size:.95rem;padding:.875rem 1.5rem}}@media (max-width:768px){.c3-s27-wrapper{padding:1.5rem}.c3-s27-title{font-size:2.25rem}.c3-s27-nav{align-items:center;flex-direction:column}.c3-s27-nav-item{justify-content:center;max-width:300px;width:100%}.c3-s27-card{padding:1.5rem}.c3-s27-card-title{font-size:1.1rem}.c3-s27-card-description{font-size:.95rem}}.course3-quiz-landing-container{background-color:#1e3b66;display:relative;display:flex;flex-direction:column;height:calc(100vh - 180px);padding:60px 60px 120px;width:calc(100% - 120px)}.course3-quiz-landing-container-logo{display:flex;justify-content:flex-end;margin-bottom:0;width:100%}.course3-quiz-landing-context{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.course3-quiz-landing-context-head{color:#fff;display:flex;flex-direction:column;margin-bottom:40px;text-align:center;width:100%}.course3-quiz-landing-context-head-mini-title{color:#fefae0;font-size:28px;font-weight:500;letter-spacing:3px;margin-bottom:10px;opacity:.95}.course3-quiz-landing-context-head-main-title{color:#fff;font-size:52px;font-weight:600;letter-spacing:1px;line-height:1.1;margin:10px 0 20px}.course3-quiz-landing-context-head-quiz-title{color:#fefae0;font-size:140px;font-weight:700;line-height:.9;margin:20px 0 0;text-shadow:0 4px 20px #fefae04d}.course3-quiz-landing-context-sub{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:850px;text-align:center;width:100%}.course3-quiz-landing-context-sub-title{color:#fefae0;font-size:26px;font-weight:600;margin-bottom:15px}.course3-quiz-landing-context-sub-description{color:#e5e0da;font-size:18px;line-height:28px;opacity:.95}.course3-quiz-landing-context-button{align-self:center;background-color:#fefae0!important;box-shadow:0 4px 15px #0e3f6a66!important;color:#1e3b66!important;font-weight:600!important;margin-top:30px!important;transition:all .3s ease!important}@media (max-width:1024px){.course3-quiz-landing-context-head-main-title{font-size:45px}.course3-quiz-landing-context-head-quiz-title{font-size:120px}.course3-quiz-landing-context-sub-title{font-size:24px}.course3-quiz-landing-context-sub-description{font-size:17px;line-height:26px}}@media (max-width:768px){.course3-quiz-landing-container{height:calc(100vh - 120px);padding:40px 20px 80px;width:calc(100% - 40px)}.course3-quiz-landing-context-head-mini-title{font-size:22px}.course3-quiz-landing-context-head-main-title{font-size:38px}.course3-quiz-landing-context-head-quiz-title{font-size:90px}.course3-quiz-landing-context-sub-title{font-size:22px}.course3-quiz-landing-context-sub-description{font-size:16px;line-height:24px}}.ribbon-avatar{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVwAAAFcBAMAAAB2OBsfAAAAJ1BMVEX/wgBmcHmKW0Lu7u//6b/////63aTexJJDSVWelorBkyj91FW9vrpE8aa/AAATfUlEQVR42sydv2/bSBbHJxbtw4pNeDjkkMUVWiKIY1UCbKVJo8TyGEK2MM4/GjXamKYQpEpgSJsyVbDdxRCSS+d16UqAozSuFrg/7PhLFEnNj/feUHQetpGz0Xz8zXfeezMckuw4jsPtOAw/7nT921sWh31763d3jw/bpXxz/JGVhXu4/fTNHDQXt99Pwz/9kXDb2/wNU8St9yPh7ryZMk3Y39s/CO7RGwaK73s/AO7RLQPH7d4d4x6+Yaj43r5L3JcMG4GH7wi3vTNlhLBP7wK3vf2SESMSuGJcmrSJwLtV4z5lRnFaLe5LZhjfqsQdMOPYqAz3cMpKCLtNwU1+kFT0Y8DHnVJo4wmHGTf8iMctizbMwIerxm0/ZSXG6apxS6UN9F0t7g4rOc5WiVueb1N991aHi8tg19dNtwnlXQUunLZ+7UYB0XdVuOBaVr+KYd1LcH0rH7cDpZ3DAqwQhbUK3D5UWjcN6O83Kx/3BCut6zYQ6axk3KMpzrUYccN2p2TcAdYIYOfG061dKu5LPC0sLaTtOhAX1GieEGhdSjUupT0HVrM8bQNZjdul4Q6wOYGAG1eLMnD7FNqsF+r16zh02bcM3CMQ7VqBNs0L19Hv8eTJk/jHignYLgV3QJhmc9x6UfMgrhV2MMftE6ZZYl0RrCrFzcxxYVnhSoAkg5VXELttjKvsw+oyKwQz7dpVhVhgyxRXXSCuZVZw3SvXJfCeGuIqrbDWkFkBEEJe2wy3r84GUiuQeW+McNXzq2kgrvtE3FSY4KrnWVJn12jiSrKDRcc90iSvS9k8o1ohjF3yDuRAU8fo4ipqsUVtz090lYE8z5q6zpeCqxO3SZ1nTW0nScDt68RtEp2rW8TNSLhTXU/ToImrXXLaFNy+tr1t0MSFbJPgcbXihrhrJWawrLxo3L6+G29QxAUt58/QuAP9UqdBELd5CeHdwOKeABYPDWK34Davdcw3SNwBYGXWILZi6hVbVl4o7g5k2du4ct1VAZ9icDXiJjOs6RqGwhIWBncHuUqnhqJi7CJwW7gtkFXw1hA7kOhl+gp44e25bifEdSvgnYFxpxVZV8lrQ3F1m89rpeJK88MZELdTnXVVvBYQl1VoXZUdYLgHVePK5F0H4U6rta58WWxDcLVXeUrHlbe9AFztleqKZppw/3QZl1VsXdUVIj1uv2LcJqBLV+BqL5zUqxM3XQRJcQ9ZxTNNPZgOV++Fq+rEXd6dLva7g4pxL0HnUGXtOeAKZZVeYGxPiduvGFe7XzZT4uq9UK/SunM3SHD1eaHkxKA/RdBW4ParxtXvQM0UuINScJtfv4zDeP/1wnzzdEOBS7pYnYutL6NuJvj4qyEuk+NCzgIoZf3idZdjfGGEO5Pidoxwt0ZdSQwvDHAtKS4zwN067ypi/4KMy2S4kNNisrQ76mriPRn3TIJ7QMbd7OqDXxBx1yW4kGMsayRppQKDDsSJcQ8ZDXfL6wLjNe3CSlu4A/mMhgunDWYcCfdG2J5D0thyldjqYmIf3TNEO+kiXNIJLBxtt9sj4NoiXNjtMUVcD4lb8C/sSPKuALdFwZ100fEOj1sT4MJOveZpH+NpC/kXfla2gEs5UtylRA+Nay/jAu/sMrVC0Q6wUfeWcFt43C0abS6bgRJvWIfzuNAbekoQNycvDNdaUhdm3TrQuTz6r+tp5W1gzLvAhZ3YzuHK04IHl7eBMe8Ct4/HnQhBOQS9h8WdFXBbeFx4pl3+CfZOm1oBd4rG3URbQOQGIK5d2IFkaNxHuFqW//gCex9Tvj2H3v67JsHl5NQLHPg0h9vC456jm4XsByxuLYvb7uDNcK51rUryCySulVN3ilcXnQ5yv9c7JK6dw2V4XE+GyCFZ4hX2Jrws7lNGV1c9yzwJ/Qss7mkGt1WOuojsi8atZXA7JeByVHpA41oZ3CmrIJGZqWtncBkBd4IrD9wQly1wT8C49ZKq2gK3AR16N8V9RlEXsAr2AIkMjHuT4rYo6uJXalzUkoFxayluh4LrilT0utpKwfNFGIxrpTuQUxLuOWxScSE5/nZiO23PGQn3kURaiH33CXc/z3GPaLibBmm3R8DdS3D7cFxG3XLikqKGeM7AzBB3Qlf3gqDuHLdFxN0UmRTW4rgEdWsJ7oCI65LTbo+Cu5HgTqm455QVRd66CFw7wUXQ5nfPH8kMwDWmeEfBZTHukTEuutFBb/DGmSzC7RvhehoL8MIPeGGDFzH2DI+7plIX6uKeCe5BBbh5k7+g4a5HuB0Mbl2Ki+jQX2GvVCU9WYQ7IOOeL7NyVWcmSAyoRxNFO5CYtIttGjxdHmsghraj9pxRcTeJ6zQqLgtxkQ8fvLqLKz9pC8mwT3ZcUyzWuCTXKmowauyzAPcZDreO3xfx5LhN1NgzPC4jLSby7eU+zboRbovRzHsOE9NT9gwo67L1ALfDSG7YQm87coEbcEPXAtwBEneY38ThCmZPdyUFZ11m4XG95PiEwUJtkcomuBK1EeDi/sZ333+nqmi43Wifo0a3A1zc78d9/xVsh8zTX1d7zH3cI76xuN983++J0hjXsXqC3BB8mTddIa4diOv7xd7Rg+vMsxsNW+G3oeRtM1QNtvw57oSyiijMtcfRt6GaBnaCSgvh93sXsiLhqcUu7u9OfKwbThlqpRbJEaUG8i5/JjWMom/DJNIbFG5s3Sg1GFy9TnH9VePGA7wA7vRzoTfiz/8OviP+tpcoXMw6eCMeoJfmMQ9u3OUN3s343wrztpUaBXeoTbtca+oQF69ujbXwuD4u7Qp/of15HkPhWqxjjEuaclXgJpkhSLwToI5c0TRMfLR3SbhB4p2gapinwkX987IBvkwEuGaX2+ODbyN83qXhvlrgckRpy1zSDNWNvwtVhG2GauC+zXE9WUrgOmt4qbqrx03rhNahnqa2peqiOjIa7tBFnRkTe5dQg7G4jMtwsQug/XlRG+BwcRGb13OVTJAyN8fFLX6wkbjhgmqBDO5nvHXR6iaF4nXXvEzgaxohkrmG3ssrQvce89V7IXWDHkrjE05IY4RI3KAD8lR/Ev0hIS9Q4ltBXY+Y0vwqvDCXF0TEFa7gVUy0VF7PuCOrRtxEXmVp8CC7TxWJG+2ZznE9wNEscURemFaBa3sS82J2ysJfecAqiXCT17THqcoKkR24rwXk6v0+H7lxbshL3zqPl0s0Wmy/m/JKlwnQqUbUlvjXLHA7Jvw50bdUdZltsnXe7U7vEpeDjTsPVjEuw8lZaB84GZeaq7+ZrISpL8z9GxnXgkGKjdGhFihG/pvSQ3mAiTeoHNeGy8qXfk4tTxYZl5l0u3TcFvWvGnTovZ/JuAfMZK6pjCC38XPnkjZmjY67Qd/V+8txqLh9Zj7XPGg9Tv7HT45znzTmDXtGxa3nJF38+3uiXYU8uxMEyQ4zOu4v/yPPtBD3Zxou9W3R95x/0M4ahzONKu8ZGddx/kXrHSPrOjT37iHP4qTxZzAgZRsyDCcOwqhtKm44HtG8vya4BHmPibihuHPzcuT68rlDlhd97C0jbsG8oL0cL7UuZbLZx6w9JaWFMP6glbU5LT6XbRCObKbiZszLZcIKNkl6KS7aDRbhQGwqbmxeT3mwWHAE9fkC9z4Bt0WcaI4682qyLskN64TD3EG3kI5H2Yd2HLIbZiTce+lwE2LDQHTDDH8jwmKiBfEAv6P3VxYX6YazYwZ7WqXYC85DWO31RGmM4Ibt8BYluheSVAbKt1zgBWyliO6ompK94CyaSOhC87c8Lsq8Nv4GsJwXCm7ggPsmPuVxUebdwN9el/eC45zj+ptfHYduXgt/8+KiRhTcAGsbfiviYsy7jr81NG9dXW7gipKGNy/hTta8dVVu0NYItHln+NuaC9Z1xAtMT3I6tvfBMTDvHv6m8YJ1M26AZN/3jgku4Zb8JdyoUnh644afuAC3gVhL4B94wJbG+yfcukMBLnyubRAeJ1FfHhCcyvhYgAufa/PHSWAS70/LA06gWXffDHed8GyRe8sD/qE9/ZrEWIQLn2uz5DmQO2a4S9sjnkxcM9zd+UOSTBIDfLINxbjgMpw+0wmRyT4JBvwo9W32DMz+WIz7H2gem+OCnwIpymOhuiOguEJcaCazCA/4EuJ+HAL2S/nYELdGeHyaWN3huX5RMZThQjPZDeXhdGLcsXbtsz82xd0lPPpPiPvRH4/kxxq8hbhC3IfgxIB/sKJYXX+skzcWV4j7d3BimOPCU8NPYtzheKQuEmM5rgNODISHgorNMNTIOzTHvcngnpjU4EDdwA1j1ZJtbI57SnmgrQJ3JJ9n4xJwSY8Lvic2Q+iG8bnOCia4+ccFdwzVDeUdS44/7qe047dkXCv3JpoDk8zw0I/lHatymCHueu4x7ScmmSHFHammWRi/k3HP8k+VNykTIW7kBgFvjnb8iYxLfAi+aDzHn8u75If9HO3IoVY1u4B7YIrrJ0jZcsGH43w41J5hnfgCBznuHG3kLScwFS6oI5vRXo8h7HedURY3CN/nqdrZeP2B2p7v0V4+Isb97Bd4JSGsEvfB1s3iDoxxfS3uW6q6FvXFOb+IcB/4MHmFafcSPNOyuMBC8aesCgPkHf2XmnaXX0u0bYD70IfJ61Bxl1/61B7QexzHB/G+/0DMYxvkF5bdk2cyrR3eU2ea6IVlJwZ14rMP4X1LnWm7ondhT+mZ7IEPsMOI2uDYwhdFdshTLZ1rSl6fWoItIW6fTPv/4s6ntY0cDON0WwrbXDrdQ2Xjw36EGq0WwvpWll72sqgKFOcSaDfk2Ivvc5Ohh5huAwYfkm+wsOQDGK/BBn+onRn/m7Gl931GM+Pq1Ekj65cnjx69mplW+7lG8A5uQnEfQ4/h9NHmzOvjHfx1FQXyqsBDTr20OfN65luSHaMojPcs8AhZP23evE7eVHRf31t+BQ45oJegLZj3GDiL5Rtv33t2mxZw/PETirZg3gPgzf8hMooCeYMOl/6BpN1VOd52TXR+xRWPpY/ufhExjcO9oTq3mX1P6YPROVqHG4ptRPb+ma7Gyh47/8DiMm54x3SnqzEPbr/MvSZfVeZsn5nebXIP7MF9H2jc45XisLHdb6mNhAfX44YHBLdF0V7x/e+Jytx1Frb3CRtES082oHvb9/Avaa7DpaXn4fuPGC0l7xXS/6Xvprkf1/Em+osIbXdVxHXb4TmD2w+1ApFlHz9j/dvu5z0Urg4X1yvvNdr/3uMFP+5RNpSgjTphmeuX9zmL2y9Th0Hy3uD9b91eIHBNuLjucHjnqhYEJq/mcd9g4sbo0ua0goXc+xTAvWBvOFIDDiAriBhy7ycAN7/DJGLBM2IHSgUvbkHeM4Pg9qHM9Y14B5S5wkJL2yOEq7HMtW7euGCHaVQSNyrcX0Bw91s2MsV88rbYxBU2RpaKZwbDvaDeceMHfc0lLiVubrJ9cuEW612Tf12AWX+9Gt1xtBbZBp0dUjnK8+wv1G/Qiub/nQ7I1Yz0wt4N/2oQd/vyyEMobmtAFDaMuLtskKi6Ur2BFmDr5yXKMEuLu3XDUxx3valgqxtCp9fXUaC4Wze8LYGbvezCF2OsUEF9Xu5LRxT3V6gYs6xSri4cbnv7HhaOmz5lixrgFcgvZF+Xw7gX3C3HQ61mK/8mYzUt9fPdb8XFcc0/TzCxNsP/pNXU911zqcuIm5j3TJbF7T+AVrQbJNn1fVOS99ODn47BfSyNaxagF9d6zaQ894XwDtdiUfIq99wPxv2AzvQMgcKVG1yLzszHAFwzjUrYYSZnftxehitAcaMvJgQXl9ci6sK00ZzAddS7m0s1LcHL4grYCl90AYMtz7eXPTT5kzbrMbgwbRoyQbgl3GtJdXtyYWErdHQgrryE6wDLmGEB02bihuGC7hUZ7ozIXbWArdDRwbhSC5Q3VTf2LxMLuBZSMhxXfUDtkOB2fXceMlywYvuqK+BKMwJ5M1ynhDbDRW9hKlkJF5xtIvFu1zX70y/tagZwnlXABcMsXSb+zBLNxvFBJJfA7eiquHqE4nbtvsVW7P+seyDuUFXGBUuHZFXL4+bbEFb3m6mOi9khDTI3bdxCcTumDlwofNermoM2V++ykVsLLmSHzSIsjmD39S4XLt8MgOuvd3eXiB32FVneB8XdBGcFBoMpz/eXQDoUSpw4tlYcb36ABaIWXKDyRfZq9Afo+nDNOY/L7tVI4/6tZX24irVvRXU7StaKy9m3Gu5QyXpxzaUAkyEEd27qxmXsy+zVaNyvpn5c042bMYOYmCZwqekmyGSgcTumGVxqaxGubks1hUvEQ7B317SN4JrLUe3JoExzuKpXtxnmpkFcqXqjWnFnpiQuUO8WLi9rrBniOT4uXp4XL93+DVBXtOameVx3PgTgZpnQPG7CG9eQDOsEOwGu0dPKuSs6ypwMVy9FRTNMgsYNxJXmMNDK1QzDXYCdBlcqOQpXtyW1PC1usj1eBno3nigtT46bGkKUT4a4NTMlB6oHN1kT/9hFGmgGEa2Ult8HN72duty8GQvhimiy+4eI3wXXmPfrTEOeCUeT3ysMVA9uUi4tIyG452rJL2EiKw5UD64xvyxHzPsMi9ZEVR8IuwMJXCafOzuP3VvlYWIGmZufVQaqCXdtivHRK+nJ5Xiiq35yI7ipgG9Xq/F4u96Nx5PVf7V88u7yfyYYLjj62uvkAAAAAElFTkSuQmCC);background-repeat:no-repeat;border-radius:999px;height:40px;width:40px}.landing-bg,.ribbon-avatar{background-position:50%;background-size:cover}.landing-bg{background-attachment:fixed;background-image:linear-gradient(#0000004d,#0000004d),url(/static/media/TeaTang-plantation.90ba77cb5103a424a242.jpg);min-height:200vh;width:100%}.course-progress-widget{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;height:100%;margin:0;max-width:400px;overflow:hidden;transition:box-shadow .3s ease;width:100%}.course-progress-widget:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.widget-header{background:linear-gradient(90deg,#0b3869,#0b386986);background-position:50%;background-size:cover;color:#fff;padding:16px;position:relative}.widget-header.with-image{background:linear-gradient(#0006,#0006)}.widget-title{font-size:18px;font-weight:600;margin:0 0 8px}.widget-title.with-image{text-shadow:0 2px 4px #00000080}.status-badge{align-items:center;background-color:#fff3;border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:4px 12px;text-transform:capitalize}.status-badge.with-image{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;color:#374151}.status-icon{height:16px;width:16px}.status-icon.with-image{color:#374151}.status-icon.without-image{color:#fff}.progress-section{padding:16px 16px 12px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:#374151;font-size:14px;font-weight:500}.progress-percent{color:#111827;font-size:14px;font-weight:600}.progress-bar-container{background-color:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar{border-radius:4px;height:100%;transition:width .5s ease}.progress-bar.completed{background-color:#10b981}.progress-bar.in-progress{background-color:#3b82f6}.progress-bar.not-started{background-color:#f59e0b}.details-section{flex:1 1;padding:0 16px 12px}.detail-item{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:12px;margin-bottom:12px}.detail-icon{color:#9ca3af;height:16px;width:16px}.detail-icon.completed{color:#10b981}.detail-label{font-weight:500}.action-button-section{margin-top:auto;min-height:58px;padding:0 16px}.action-button-section,.completed-actions{align-items:center;display:flex;justify-content:flex-end}.completed-actions{gap:8px;width:100%}.action-button{align-items:center;background:linear-gradient(90deg,#0b3869,#0b3869c4);color:#fff;display:flex;font-weight:500;justify-content:center;padding:12px 6px!important;text-align:center;transform:scale(1);width:100%}.action-button.revisit{background:#10b981;flex-grow:1}.action-button.revisit:hover{background:#0f9b6c;transform:scale(1.03)}.action-button:hover{background:linear-gradient(90deg,#0b3869,#0b386986);transform:scale(1.05)}.eye-icon-button{align-items:center;background-color:#fff;border:1px solid #0b3869;border-radius:8px;color:#0b3869;cursor:pointer;display:flex;height:38px;padding:8px 10px;transition:all .2s ease}.eye-icon-button:hover{background-color:#0b3869;color:#fff}.dashboard-container{background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:24px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-title{color:#1f2937;font-size:28px;font-weight:700;margin:0}.dashboard-subtitle{color:#6b7280;margin:4px 0 0}.user-profile{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;gap:10px;padding:8px 16px}.avatar,.user-profile{align-items:center;display:flex}.avatar{background-color:#4f46e5;border-radius:50%;color:#fff;font-weight:500;height:32px;justify-content:center;width:32px}.stats-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.stat-card{align-items:flex-start;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:24px}.stat-label{color:#6b7280;font-size:14px;margin:0 0 4px}.stat-value{color:#1f2937;font-size:24px;font-weight:700;margin:4px 0}.stat-change{font-size:12px;font-weight:500}.positive{color:#10b981}.negative{color:#ef4444}.stat-icon{align-items:center;border-radius:8px;display:flex;height:48px;justify-content:center;padding:12px;width:48px}.stat-icon svg{height:24px;width:24px}.users-icon{background-color:#e0e7ff;color:#4f46e5}.active-icon{background-color:#d1fae5;color:#10b981}.pending-icon{background-color:#fef3c7;color:#f59e0b}.content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.panel{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.panel-title{color:#1f2937;font-size:18px}.view-all{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:14px;font-weight:500;padding:0}.view-all:hover{color:#4338ca;text-decoration:underline}.activity-list{display:flex;flex-direction:column}.activity-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:16px;width:32px}.activity-icon svg{height:16px;width:16px}.info{background-color:#e0e7ff;color:#4f46e5}.warning{background-color:#fef3c7;color:#f59e0b}.activity-content{flex:1 1}.activity-title{color:#1f2937;font-weight:500;margin:0 0 2px}.activity-time{color:#9ca3af;font-size:12px;margin:0}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.action-button{border:none;border-radius:8px;cursor:pointer;padding:16px;text-align:left;transition:all .2s ease}.action-button:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.action-button h3{font-size:16px;font-weight:500;margin:0 0 4px}.action-button p{font-size:12px;margin:0;opacity:.7}.primary{background-color:#e0e7ff;color:#4f46e5}.success{background-color:#d1fae5;color:#10b981}.info{background-color:#dbeafe;color:#3b82f6}.secondary{background-color:#f3e8ff;color:#8b5cf6}@media (max-width:768px){.actions-grid,.content-grid,.stats-container{grid-template-columns:1fr}}.raffles-partnership-page{height:100%;position:relative;top:100px;width:100%}.raffles-hotel-page{padding-bottom:80px}.hero-section{align-items:center;background-image:linear-gradient(#0000004d,#0000004d),url(/static/media/raffles-hotel-landing-image.f1cbba12feb7f316465e.jpg);background-position:50%;background-size:cover;color:#fff;display:flex;height:100vh;justify-content:center;position:relative;text-align:center}.hero-content{z-index:2}.hero-logo{filter:brightness(0) invert(1);height:120px;margin-bottom:20px;width:120px}.hero-title{font-weight:700!important;letter-spacing:0!important;margin-bottom:12px}.hero-subtitle{font-size:1.5rem!important}.catalog-container{margin:0 auto;max-width:1200px;padding:2rem}.catalog-header{margin-bottom:3rem;text-align:center}.catalog-title{color:#2c5f7a;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.catalog-subtitle{color:#666;font-size:1.2rem;margin-bottom:2rem}.category-section{margin-bottom:3rem}.category-header{align-items:center;display:flex;margin-bottom:2rem}.category-title{font-size:2rem;margin:0 2rem;text-align:center}.category-line{background-color:currentColor;flex:1 1;height:2px}.product-filters-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.product-filters-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.product-filters-button{background-color:initial;border:2px solid #2c5f7a;border-radius:20px;color:#2c5f7a;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s}.product-filters-button.selected{background-color:#2c5f7a;color:#fff}.raffles-product-card{background-color:#fff;border:2px solid;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.raffles-product-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.raffles-product-card-image{background-color:#f5f5f5;display:block;height:200px;object-fit:cover;width:100%}.raffles-product-card-image-extend{background-color:#f5f5f5;display:block;height:200px;object-fit:contain;width:100%}.raffles-product-card-image-placeholder{align-items:center;color:#999;display:flex;font-size:.9rem;height:200px;justify-content:center}.raffles-product-card-content{padding:20px}.raffles-product-card-name{color:#666;font-size:1.3rem;font-weight:700;margin:0 0 10px}.raffles-product-card-desc{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:10px}.raffles-product-card-brewing,.raffles-product-card-packaging{color:#999;font-size:.8rem;margin-bottom:5px}.raffles-product-card-labels{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.raffles-product-card-category-label{color:#fff}.raffles-product-card-category-label,.raffles-product-card-teatype-label{align-items:center;border-radius:12px;display:flex;font-size:.7rem;font-weight:500;justify-content:center;padding:6px 8px}.raffles-product-card-teatype-label{border-style:solid;border-width:1.5px}.product-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.course3-get-started{align-items:center;background:#1a237e;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.get-started-container{display:flex;flex-direction:column;position:relative}.get-started-context{align-items:center;flex:1 1;margin-bottom:3rem}@media (max-width:768px){.course3-get-started{padding:16px}.course-title{font-size:2.5rem}.course-description{font-size:1rem}.get-started-container{gap:32px}.get-started-content{gap:24px}}@media (max-width:480px){.course3-get-started{padding:12px}.course-title{font-size:2rem}.course-description{font-size:.95rem}.start-course-button{max-width:200px;width:100%}}.course4-slide01-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:auto;padding:1.5rem;width:100%}.slide01-content-wrapper{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;position:relative;width:100%}.slide01-header{margin-bottom:3rem;text-align:center}.slide01-main-title{color:#1e3b66;font-size:3rem;font-weight:700;letter-spacing:-1px;margin:1.5rem 0 .5rem;text-transform:uppercase}.slide01-title-underline{background-color:#d4c5a0;border-radius:2px;height:4px;margin:0 auto;width:80px}.category-tabs-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem}.category-tab{align-items:center;background-color:#fff;border:1px solid #e0e6ed;border-radius:30px;box-shadow:0 2px 8px #1e3b660f;cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:.8rem 1.8rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-tab:hover{border-color:#cdd7e1;box-shadow:0 8px 20px #1e3b6626;transform:translateY(-4px) scale(1.02)}.category-tab.active{background:linear-gradient(135deg,#1e3b66,#2d5f8d);border-color:#0000;box-shadow:0 10px 25px #1e3b664d;transform:translateY(-4px) scale(1.05)}.category-tab-icon{font-size:1.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.category-tab:hover .category-tab-icon{transform:rotate(10deg)}.category-tab.active .category-tab-icon{transform:scale(1.1) rotate(-5deg)}.category-tab-content{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem}.category-tab-name{color:#1e3b66;font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.category-tab.active .category-tab-name{color:#fff;font-weight:700}.category-tab-count{background-color:#1e3b660d;border-radius:12px;color:#6b7a8d;font-size:.8rem;font-weight:500;padding:.2rem .6rem;transition:all .3s ease}.category-tab.active .category-tab-count{background-color:#fff3;color:#ffffffe6}.products-content-area{flex:1 1;min-height:0;overflow-y:auto;padding:0 .5rem}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,240px);justify-content:center;padding-bottom:2rem;width:100%}.product-card{box-shadow:0 4px 16px #00000014;height:100%;position:relative}.product-card:hover{box-shadow:0 16px 32px #1e3b6633}.product-card:before{background:linear-gradient(90deg,#d4c5a0,#b8a676);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.product-card:hover:before{opacity:1}.product-image-wrapper{height:180px}.product-category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:20px;box-shadow:0 2px 8px #00000026;color:#1e3b66;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.4rem .85rem;position:absolute;right:.75rem;text-transform:uppercase;top:.75rem;z-index:2}.product-image-overlay{background:linear-gradient(0deg,#1e3b66b3 0,#0000);bottom:0;height:60%;left:0;opacity:0;position:absolute;right:0;transition:opacity .4s ease}.product-card:hover .product-image-overlay{opacity:1}.product-content{padding:1.25rem;text-align:center}.product-name{font-size:1rem}.product-description,.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-description{font-size:.85rem}.products-grid{animation:fadeIn .5s ease-out}.products-content-area::-webkit-scrollbar{width:8px}.products-content-area::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.products-content-area::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1e3b66,#2d5a8c);border-radius:10px}.products-content-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2d5a8c,#1e3b66)}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(auto-fit,220px)}}@media (max-width:1024px){.slide01-main-title{font-size:1.75rem}.products-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,200px)}.product-image-wrapper{height:160px}}@media (max-width:768px){.course4-slide01-container{padding:1rem}.slide01-header{margin-bottom:1rem}.slide01-main-title{font-size:1.5rem}.category-tabs-container{gap:.75rem;margin-bottom:1.5rem}.category-tab{padding:.75rem 1.5rem}.category-tab-icon{font-size:1.25rem}.category-tab-name{font-size:1rem}.category-tab-count{font-size:.75rem}.products-grid{gap:1rem;grid-template-columns:repeat(auto-fit,180px)}.product-image-wrapper{height:140px}.product-content{padding:1rem}.product-name{font-size:.95rem}.product-description{font-size:.8rem}}@media (max-width:480px){.course4-slide01-container{padding:.75rem}.slide01-title-wrapper{padding:.5rem 1.5rem}.slide01-main-title{font-size:1.25rem}.category-tabs-container{flex-direction:column;gap:.5rem}.category-tab{justify-content:center;padding:.85rem 1.25rem;width:100%}.products-grid{gap:.85rem;grid-template-columns:repeat(auto-fit,150px)}.product-image-wrapper{height:120px}.product-content{padding:.85rem}.product-name{font-size:.9rem}.product-description{font-size:.75rem}.product-category-badge{font-size:.65rem;padding:.3rem .7rem}}.modern-table-master-detail{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:350px 1fr;margin:0 auto;padding:1rem;width:calc(100% - 1rem)}.master-list{background:#fff;border:1px solid #e8f0f8;border-radius:16px;box-shadow:0 4px 20px #1e3b6614;display:flex;flex-direction:column;height:calc(100vh - 150px);overflow:hidden}.list-title{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #f0f4f8;color:#1e3b66;font-size:1.2rem;font-weight:700;margin:0;padding:1.5rem;text-align:center}.list-items{flex:1 1;padding:.5rem}.list-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.list-item:hover{background:#fff;border-color:#1e3b66;box-shadow:0 4px 12px #1e3b6626}.list-item.selected{background:linear-gradient(135deg,#1e3b66,#2d5f8d);border-color:#1e3b66;box-shadow:0 6px 20px #1e3b6640;color:#fff}.list-item.selected .list-item-title{color:#fff}.list-item.selected .list-item-badge{background:#fff3;color:#fff}.list-item-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.list-item-image{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:50px;overflow:hidden;width:50px}.list-item-image img{height:100%;object-fit:cover;width:100%}.list-item-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.list-item-title{color:#1e3b66;font-size:1rem;font-weight:600;line-height:1.3}.list-item-badge{align-self:flex-start;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;color:#fff;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.list-item-indicator{align-items:center;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.detail-view{background:#fff;border:1px solid #e8f0f8;border-radius:16px;box-shadow:0 4px 20px #1e3b6614;height:calc(100vh - 150px)}.detail-content,.detail-view{display:flex;flex-direction:column;overflow:hidden}.detail-content{flex:1 1;height:100%;padding:1rem}.detail-header{align-items:center;border-bottom:2px solid #f0f4f8;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.detail-image{border:4px solid #f0f4f8;border-radius:50%;box-shadow:0 4px 16px #00000026;flex-shrink:0;height:75px;overflow:hidden;width:75px}.detail-image img{height:100%;object-fit:cover;width:100%}.detail-title-section{flex:1 1}.detail-title{color:#1e3b66;font-size:1.7rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.detail-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:20px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.4rem 1rem;text-transform:uppercase}.detail-content-wrapper{display:flex;flex-direction:column;gap:1rem;overflow-y:hidden;padding-bottom:1rem;padding-right:1rem}.detail-first-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:minmax(80px,.5fr) minmax(150px,1fr) minmax(200px,1.5fr)}.detail-remaining-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(12,1fr)}.detail-field{background:#f8f9fa;border-left:4px solid #1e3b66;border-radius:12px;padding:1.25rem;transition:all .3s ease}.detail-field:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.detail-field-medium{grid-column:span 6}.detail-field-large{grid-column:span 12}.tag-list-compact{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.25rem}.tag-compact{background:linear-gradient(135deg,#1e3b66,#2d5f8d);border-radius:8px;box-shadow:0 1px 4px #1e3b6633;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .6rem;text-align:center;transition:all .2s ease;white-space:nowrap}.tag-compact:hover{box-shadow:0 2px 6px #1e3b664d;transform:translateY(-1px)}.field-label{align-items:center;color:#1e3b66;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.field-label:before{background-color:#1e3b66;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.field-value{color:#333;font-size:.95rem;line-height:1.6}.field-value p{margin:0}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:linear-gradient(135deg,#1e3b66,#2d5f8d);border-radius:20px;box-shadow:0 2px 8px #1e3b6633;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.tag:hover{box-shadow:0 4px 12px #1e3b664d;transform:translateY(-2px)}@media (max-width:1200px){.modern-table-master-detail{gap:1.5rem;grid-template-columns:320px 1fr}.detail-image{height:80px;width:80px}.detail-title{font-size:1.8rem}.detail-first-row,.detail-remaining-fields{gap:1rem}}@media (max-width:768px){.modern-table-master-detail{gap:1.5rem;grid-template-columns:1fr;padding:.5rem}.master-list{order:2}.detail-view{order:1}.detail-header{flex-direction:column;gap:1rem;text-align:center}.detail-image{align-self:center;height:80px;width:80px}.detail-title{font-size:1.5rem}.detail-content-wrapper{gap:1.5rem}.detail-first-row{gap:.75rem}.detail-remaining-fields{gap:1rem;grid-template-columns:repeat(6,1fr)}.detail-field-small{grid-column:span 2}.detail-field-large,.detail-field-medium{grid-column:span 6}.detail-field-tags-compact{grid-column:span 2}.list-item{padding:.75rem}.list-item-content{gap:.5rem}.list-item-image{height:40px;width:40px}.list-item-title{font-size:.9rem}}@media (max-width:480px){.modern-table-master-detail{padding:.25rem}.detail-content{padding:1.5rem}.detail-header{margin-bottom:1.5rem;padding-bottom:1rem}.detail-title{font-size:1.3rem}.detail-badge{font-size:.7rem;padding:.3rem .8rem}.detail-content-wrapper{gap:1rem}.detail-first-row{gap:.5rem}.detail-remaining-fields{gap:.75rem;grid-template-columns:1fr}.detail-field-large,.detail-field-medium,.detail-field-small,.detail-field-tags-compact{grid-column:span 1}.field-label{font-size:.8rem}.field-value{font-size:.9rem}.tag-compact{font-size:.7rem;padding:.2rem .5rem}}@media (max-height:700px){.modern-table-master-detail{padding:.5rem}.detail-image{height:70px;width:70px}.detail-title{font-size:1.5rem}.field-label{font-size:.9rem;margin-bottom:.5rem}.field-value{font-size:.85rem}.tag-compact{font-size:.65rem;padding:.15rem .4rem}.list-item-image{height:40px;width:40px}.list-item-title{font-size:.9rem}.list-title{font-size:1.1rem;padding:1rem}}.c4-s7-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:hidden;padding:1.5rem;width:100%}.c4-s7-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;position:relative;width:100%;z-index:1}.c4-s7-header{margin-bottom:.5rem;position:relative;text-align:center}.c4-s7-title-wrapper{align-items:center;background:linear-gradient(135deg,#1e3b66,#2d5f8d);border-radius:50px;box-shadow:0 8px 30px #1e3b6666;display:inline-flex;gap:.5rem;justify-content:center;overflow:hidden;padding:.6rem 2.5rem .5rem;position:relative}.c4-s7-title-wrapper:before{animation:essentials-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes essentials-shimmer{0%{left:-100%}to{left:100%}}.c4-s7-title{color:#fff;font-size:2rem;font-weight:900;line-height:1;margin:0;position:relative;text-shadow:3px 3px 6px #0003}.c4-s7-content{margin-bottom:1rem;min-height:calc(100vh - 150px);overflow:hidden}.c4-s7-wrapper .modern-table-master-detail{padding:0}.c4-s7-wrapper .master-list{background:linear-gradient(135deg,#fff,#f0f4f8);border:2px solid #1e3b6633;height:calc(100vh - 160px)}.c4-s7-wrapper .list-title{background:linear-gradient(135deg,#1e3b66,#2d5f8d);color:#fff}.c4-s7-wrapper .list-item{background:#e8f0f8}.c4-s7-wrapper .list-item.selected{background:linear-gradient(135deg,#1e3b66,#2d5f8d);border-color:#1e3b66}.c4-s7-wrapper .list-item:hover{border-color:#1e3b66;box-shadow:0 4px 12px #1e3b664d}.c4-s7-wrapper .detail-view{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #1e3b6633;height:calc(100vh - 160px);margin-right:0}.c4-s7-wrapper .detail-field{background:linear-gradient(135deg,#f8fafc,#f0f4f8);border-left-color:#1e3b66}.c4-s7-wrapper .detail-field:hover{background:#fff;box-shadow:0 4px 15px #1e3b6626}.c4-s7-wrapper .field-label:before{background-color:#1e3b66}.c4-s7-wrapper .tag-compact{background:linear-gradient(135deg,#1e3b66,#2d5f8d);box-shadow:0 2px 6px #1e3b664d}.c4-s7-wrapper .detail-badge,.c4-s7-wrapper .list-item-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.c4-s7-wrapper .detail-badge{box-shadow:0 2px 8px #ff6b6b66}.c4-s7-footer{border-top:2px solid #1e3b661a;display:flex;justify-content:center;margin-top:3rem;padding-top:2rem}.c4-s7-info-badge{align-items:center;background:#fff;border:2px solid #1e3b661a;border-radius:50px;box-shadow:0 4px 20px #1e3b661a;display:flex;gap:.75rem;padding:1rem 2rem}.c4-s7-info-icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.c4-s7-info-text{color:#1e3b66;font-size:.95rem;font-weight:600}.c4-s7-wrapper:before{background:radial-gradient(circle,#1e3b660d 0,#0000 70%);height:600px;right:-10%;top:-50%;width:600px}.c4-s7-wrapper:after,.c4-s7-wrapper:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.c4-s7-wrapper:after{background:radial-gradient(circle,#2d5f8d0d 0,#0000 70%);bottom:-30%;height:500px;left:-10%;width:500px}@media (max-width:1200px){.c4-s7-title{font-size:3rem}}@media (max-width:768px){.c4-s7-wrapper{background:linear-gradient(135deg,#f5f7fa,#e0e7ee)}.c4-s7-container{padding:1}.c4-s7-badge{font-size:.75rem;padding:.4rem 1.2rem}.c4-s7-title{font-size:2.5rem;letter-spacing:-1px}.c4-s7-subtitle{font-size:1rem}.c4-s7-footer{margin-top:2rem;padding-top:1.5rem}.c4-s7-info-badge{flex-direction:column;gap:.5rem;padding:.85rem 1.5rem;text-align:center}.c4-s7-info-text{font-size:.85rem}}@media (max-width:480px){.c4-s7-title{font-size:2rem}.c4-s7-subtitle{font-size:.9rem}.c4-s7-info-badge{padding:.75rem 1.25rem}.c4-s7-info-icon{font-size:1.25rem}.c4-s7-info-text{font-size:.8rem}}.c4-s7-wrapper::-webkit-scrollbar{width:8px}.c4-s7-wrapper::-webkit-scrollbar-track{background:#ffffff1a}.c4-s7-wrapper::-webkit-scrollbar-thumb{background:#1e3b664d;border-radius:4px}.c4-s7-wrapper::-webkit-scrollbar-thumb:hover{background:#1e3b6680}.c4-s8-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:hidden;padding:1.5rem;width:100%}.c4-s8-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;position:relative;width:100%;z-index:1}.c4-s8-header{margin-bottom:.5rem;position:relative;text-align:center}.c4-s8-title-wrapper{align-items:center;background:linear-gradient(135deg,#1e3b66,#2d5f8d);border-radius:50px;box-shadow:0 8px 30px #1e3b6666;display:inline-flex;gap:.5rem;justify-content:center;overflow:hidden;padding:.6rem 2.5rem .5rem;position:relative}.c4-s8-title-wrapper:before{animation:essentials8-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes essentials8-shimmer{0%{left:-100%}to{left:100%}}.c4-s8-title{color:#fff;font-size:2rem;font-weight:900;line-height:1;margin:0;position:relative;text-shadow:3px 3px 6px #0003}.c4-s8-content{margin-bottom:1rem;min-height:calc(100vh - 150px);overflow:hidden}.c4-s8-wrapper .modern-table-master-detail{padding:0}.c4-s8-wrapper .master-list{background:linear-gradient(135deg,#fff,#f0f4f8);border:2px solid #1e3b6633;height:calc(100vh - 160px)}.c4-s8-wrapper .list-title{background:linear-gradient(135deg,#1e3b66,#2d5f8d);color:#fff}.c4-s8-wrapper .list-item{background:#e8f0f8}.c4-s8-wrapper .list-item.selected{background:linear-gradient(135deg,#1e3b66,#2d5f8d);border-color:#1e3b66}.c4-s8-wrapper .list-item:hover{border-color:#1e3b66;box-shadow:0 4px 12px #1e3b664d}.c4-s8-wrapper .detail-view{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #1e3b6633;height:calc(100vh - 160px);margin-right:0}.c4-s8-wrapper .detail-field{background:linear-gradient(135deg,#f8fafc,#f0f4f8);border-left-color:#1e3b66}.c4-s8-wrapper .detail-field:hover{background:#fff;box-shadow:0 4px 15px #1e3b6626}.c4-s8-wrapper .field-label:before{background-color:#1e3b66}.c4-s8-wrapper .tag-compact{background:linear-gradient(135deg,#1e3b66,#2d5f8d);box-shadow:0 2px 6px #1e3b664d}.c4-s8-wrapper .detail-badge,.c4-s8-wrapper .list-item-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.c4-s8-wrapper .detail-badge{box-shadow:0 2px 8px #ff6b6b66}.c4-s8-footer{border-top:2px solid #1e3b661a;display:flex;justify-content:center;margin-top:3rem;padding-top:2rem}.c4-s8-info-badge{align-items:center;background:#fff;border:2px solid #1e3b661a;border-radius:50px;box-shadow:0 4px 20px #1e3b661a;display:flex;gap:.75rem;padding:1rem 2rem}.c4-s8-info-icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.c4-s8-info-text{color:#1e3b66;font-size:.95rem;font-weight:600}.c4-s8-wrapper:before{background:radial-gradient(circle,#1e3b660d 0,#0000 70%);height:600px;right:-10%;top:-50%;width:600px}.c4-s8-wrapper:after,.c4-s8-wrapper:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.c4-s8-wrapper:after{background:radial-gradient(circle,#2d5f8d0d 0,#0000 70%);bottom:-30%;height:500px;left:-10%;width:500px}@media (max-width:1200px){.c4-s8-title{font-size:3rem}}@media (max-width:768px){.c4-s8-wrapper{background:linear-gradient(135deg,#f5f7fa,#e0e7ee)}.c4-s8-container{padding:1}.c4-s8-badge{font-size:.75rem;padding:.4rem 1.2rem}.c4-s8-title{font-size:2.5rem;letter-spacing:-1px}.c4-s8-subtitle{font-size:1rem}.c4-s8-footer{margin-top:2rem;padding-top:1.5rem}.c4-s8-info-badge{flex-direction:column;gap:.5rem;padding:.85rem 1.5rem;text-align:center}.c4-s8-info-text{font-size:.85rem}}@media (max-width:480px){.c4-s8-title{font-size:2rem}.c4-s8-subtitle{font-size:.9rem}.c4-s8-info-badge{padding:.75rem 1.25rem}.c4-s8-info-icon{font-size:1.25rem}.c4-s8-info-text{font-size:.8rem}}.c4-s8-wrapper::-webkit-scrollbar{width:8px}.c4-s8-wrapper::-webkit-scrollbar-track{background:#ffffff1a}.c4-s8-wrapper::-webkit-scrollbar-thumb{background:#1e3b664d;border-radius:4px}.c4-s8-wrapper::-webkit-scrollbar-thumb:hover{background:#1e3b6680}.c4-s9-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:hidden;padding:1.5rem;width:100%}.c4-s9-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;position:relative;width:100%;z-index:1}.c4-s9-header{margin-bottom:.5rem;position:relative;text-align:center}.c4-s9-title-wrapper{align-items:center;background:linear-gradient(135deg,#1e3b66,#2d5f8d);border-radius:50px;box-shadow:0 8px 30px #1e3b6666;display:inline-flex;gap:.5rem;justify-content:center;overflow:hidden;padding:.6rem 2.5rem .5rem;position:relative}.c4-s9-title-wrapper:before{animation:essentials9-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes essentials9-shimmer{0%{left:-100%}to{left:100%}}.c4-s9-title{color:#fff;font-size:2rem;font-weight:900;line-height:1;margin:0;position:relative;text-shadow:3px 3px 6px #0003}.c4-s9-content{margin-bottom:1rem;min-height:calc(100vh - 150px);overflow:hidden}.c4-s9-wrapper .modern-table-master-detail{padding:0}.c4-s9-wrapper .master-list{background:linear-gradient(135deg,#fff,#f0f4f8);border:2px solid #1e3b6633;height:calc(100vh - 160px)}.c4-s9-wrapper .list-title{background:linear-gradient(135deg,#1e3b66,#2d5f8d);color:#fff}.c4-s9-wrapper .list-item{background:#e8f0f8}.c4-s9-wrapper .list-item.selected{background:linear-gradient(135deg,#1e3b66,#2d5f8d);border-color:#1e3b66}.c4-s9-wrapper .list-item:hover{border-color:#1e3b66;box-shadow:0 4px 12px #1e3b664d}.c4-s9-wrapper .detail-view{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #1e3b6633;height:calc(100vh - 160px);margin-right:0}.c4-s9-wrapper .detail-field{background:linear-gradient(135deg,#f8fafc,#f0f4f8);border-left-color:#1e3b66}.c4-s9-wrapper .detail-field:hover{background:#fff;box-shadow:0 4px 15px #1e3b6626}.c4-s9-wrapper .field-label:before{background-color:#1e3b66}.c4-s9-wrapper .tag-compact{background:linear-gradient(135deg,#1e3b66,#2d5f8d);box-shadow:0 2px 6px #1e3b664d}.c4-s9-wrapper .detail-badge,.c4-s9-wrapper .list-item-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.c4-s9-wrapper .detail-badge{box-shadow:0 2px 8px #ff6b6b66}.c4-s9-footer{border-top:2px solid #1e3b661a;display:flex;justify-content:center;margin-top:3rem;padding-top:2rem}.c4-s9-info-badge{align-items:center;background:#fff;border:2px solid #1e3b661a;border-radius:50px;box-shadow:0 4px 20px #1e3b661a;display:flex;gap:.75rem;padding:1rem 2rem}.c4-s9-info-icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.c4-s9-info-text{color:#1e3b66;font-size:.95rem;font-weight:600}.c4-s9-wrapper:before{background:radial-gradient(circle,#1e3b660d 0,#0000 70%);height:600px;right:-10%;top:-50%;width:600px}.c4-s9-wrapper:after,.c4-s9-wrapper:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.c4-s9-wrapper:after{background:radial-gradient(circle,#2d5f8d0d 0,#0000 70%);bottom:-30%;height:500px;left:-10%;width:500px}@media (max-width:1200px){.c4-s9-title{font-size:3rem}}@media (max-width:768px){.c4-s9-wrapper{background:linear-gradient(135deg,#f5f7fa,#e0e7ee)}.c4-s9-container{padding:1}.c4-s9-badge{font-size:.75rem;padding:.4rem 1.2rem}.c4-s9-title{font-size:2.5rem;letter-spacing:-1px}.c4-s9-subtitle{font-size:1rem}.c4-s9-footer{margin-top:2rem;padding-top:1.5rem}.c4-s9-info-badge{flex-direction:column;gap:.5rem;padding:.85rem 1.5rem;text-align:center}.c4-s9-info-text{font-size:.85rem}}@media (max-width:480px){.c4-s9-title{font-size:2rem}.c4-s9-subtitle{font-size:.9rem}.c4-s9-info-badge{padding:.75rem 1.25rem}.c4-s9-info-icon{font-size:1.25rem}.c4-s9-info-text{font-size:.8rem}}.c4-s9-wrapper::-webkit-scrollbar{width:8px}.c4-s9-wrapper::-webkit-scrollbar-track{background:#ffffff1a}.c4-s9-wrapper::-webkit-scrollbar-thumb{background:#1e3b664d;border-radius:4px}.c4-s9-wrapper::-webkit-scrollbar-thumb:hover{background:#1e3b6680}.c4-s10-wrapper{align-items:center;background:linear-gradient(135deg,#fff5e6,#ffe0b5 50%,#ffd4a3);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:hidden;padding:1.5rem;position:relative;width:100%}.c4-s10-tropical-circle{border-radius:50%;opacity:.15;pointer-events:none;position:absolute}.c4-s10-circle-1{background:radial-gradient(circle,#ffa50066 0,#ffc86433 50%,#0000 100%);height:500px;right:-5%;top:-10%;width:500px}.c4-s10-circle-2{background:radial-gradient(circle,#ff8c004d 0,#ffb45026 50%,#0000 100%);bottom:-15%;height:600px;left:-8%;width:600px}.c4-s10-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;position:relative;width:100%;z-index:1}.c4-s10-header{margin-bottom:.5rem;position:relative;text-align:center}.c4-s10-title-wrapper{align-items:center;background:linear-gradient(135deg,#f96,#ff8c42);border-radius:50px;box-shadow:0 8px 30px #ff8c4266;display:inline-flex;gap:.5rem;overflow:hidden;padding:.6rem 2.5rem .5rem;position:relative}.c4-s10-title-wrapper:before{animation:tropical-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.c4-s10-tropical-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:2rem}.c4-s10-title-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.c4-s10-title{color:#fff;font-size:2rem;font-weight:900;line-height:1;margin:0;position:relative;text-shadow:3px 3px 6px #0003}.c4-s10-subtitle{color:#ffffffe6;font-size:.7rem;font-style:italic;font-weight:600;line-height:1;margin:0;text-shadow:0 1px 2px #0003}.c4-s10-content{margin-bottom:1rem;min-height:calc(100vh - 150px);overflow:hidden}.c4-s10-wrapper .modern-table-master-detail{padding:0}.c4-s10-wrapper .master-list{background:linear-gradient(135deg,#fff,#fff9f0);border:2px solid #ff8c4233;height:calc(100vh - 160px)}.c4-s10-wrapper .list-title{background:linear-gradient(135deg,#f96,#ff8c42);color:#fff}.c4-s10-wrapper .list-item.selected{background:linear-gradient(135deg,#f96,#ff8c42);border-color:#ff8c42}.c4-s10-wrapper .list-item:hover{border-color:#f96;box-shadow:0 4px 12px #ff8c424d}.c4-s10-wrapper .detail-view{background:linear-gradient(135deg,#fff,#fffbf5);border:2px solid #ff8c4233;height:calc(100vh - 160px);margin-right:0}.c4-s10-wrapper .detail-field{background:linear-gradient(135deg,#fffbf5,#fff9f0);border-left-color:#f96}.c4-s10-wrapper .detail-field:hover{background:#fff;box-shadow:0 4px 15px #ff8c4226}.c4-s10-wrapper .field-label:before{background-color:#f96}.c4-s10-wrapper .tag-compact{background:linear-gradient(135deg,#f96,#ff8c42);box-shadow:0 2px 6px #ff8c424d}.c4-s10-wrapper .detail-badge,.c4-s10-wrapper .list-item-badge{background:linear-gradient(135deg,#ff6b6b,#ff8c42)}.c4-s10-wrapper .detail-badge{box-shadow:0 2px 8px #ff6b6b66}.c4-s10-wrapper:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 10q10 20 0 40-10-20 0-40' fill='%23f96' opacity='.05'/%3E%3Cpath d='M50 50q20 10 0 40-20-30 0-40' fill='%23ff8c42' opacity='.05'/%3E%3C/svg%3E");background-size:150px 150px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:1200px){.c4-s10-title{font-size:2.5rem}.c4-s10-tropical-icon{font-size:2rem}}@media (max-width:768px){.c4-s10-wrapper{padding:1rem}.c4-s10-title-wrapper{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.8rem 1.5rem}.c4-s10-title{font-size:2rem;letter-spacing:2px}.c4-s10-tropical-icon{font-size:1.5rem}.c4-s10-subtitle{font-size:1rem}.c4-s10-circle-1,.c4-s10-circle-2{height:300px;width:300px}}@media (max-width:480px){.c4-s10-wrapper{padding:.5rem}.c4-s10-title-wrapper{padding:.6rem 1rem}.c4-s10-title{font-size:1.5rem;letter-spacing:1px}.c4-s10-tropical-icon{font-size:1.2rem}.c4-s10-subtitle{font-size:.9rem}.c4-s10-circle-1,.c4-s10-circle-2{height:200px;width:200px}}.c4-s10-wrapper::-webkit-scrollbar{width:8px}.c4-s10-wrapper::-webkit-scrollbar-track{background:#ffa5001a}.c4-s10-wrapper::-webkit-scrollbar-thumb{background:#ff8c4280;border-radius:4px}.c4-s10-wrapper::-webkit-scrollbar-thumb:hover{background:#ff8c42cc}.c4-s11-wrapper{align-items:center;background:linear-gradient(135deg,#fff5e6,#ffe0b5 50%,#ffd4a3);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:hidden;padding:1.5rem;position:relative;width:100%}.c4-s11-tropical-circle{border-radius:50%;opacity:.15;pointer-events:none;position:absolute}.c4-s11-circle-1{background:radial-gradient(circle,#ffa50066 0,#ffc86433 50%,#0000 100%);height:500px;right:-5%;top:-10%;width:500px}.c4-s11-circle-2{background:radial-gradient(circle,#ff8c004d 0,#ffb45026 50%,#0000 100%);bottom:-15%;height:600px;left:-8%;width:600px}.c4-s11-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;position:relative;width:100%;z-index:1}.c4-s11-header{margin-bottom:.5rem;position:relative;text-align:center}.c4-s11-title-wrapper{align-items:center;background:linear-gradient(135deg,#f96,#ff8c42);border-radius:50px;box-shadow:0 8px 30px #ff8c4266;display:inline-flex;gap:.5rem;overflow:hidden;padding:.6rem 2.5rem .5rem;position:relative}.c4-s11-title-wrapper:before{animation:tropical-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.c4-s11-tropical-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:2rem}.c4-s11-title-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.c4-s11-title{color:#fff;font-size:2rem;font-weight:900;line-height:1;margin:0;position:relative;text-shadow:3px 3px 6px #0003}.c4-s11-subtitle{color:#ffffffe6;font-size:.7rem;font-style:italic;font-weight:600;line-height:1;margin:0;text-shadow:0 1px 2px #0003}.c4-s11-content{margin-bottom:1rem;min-height:calc(100vh - 150px);overflow:hidden}.c4-s11-wrapper .modern-table-master-detail{padding:0}.c4-s11-wrapper .master-list{background:linear-gradient(135deg,#fff,#fff9f0);border:2px solid #ff8c4233;height:calc(100vh - 160px)}.c4-s11-wrapper .list-title{background:linear-gradient(135deg,#f96,#ff8c42);color:#fff}.c4-s11-wrapper .list-item.selected{background:linear-gradient(135deg,#f96,#ff8c42);border-color:#ff8c42}.c4-s11-wrapper .list-item:hover{border-color:#f96;box-shadow:0 4px 12px #ff8c424d}.c4-s11-wrapper .detail-view{background:linear-gradient(135deg,#fff,#fffbf5);border:2px solid #ff8c4233;height:calc(100vh - 160px);margin-right:0}.c4-s11-wrapper .detail-field{background:linear-gradient(135deg,#fffbf5,#fff9f0);border-left-color:#f96}.c4-s11-wrapper .detail-field:hover{background:#fff;box-shadow:0 4px 15px #ff8c4226}.c4-s11-wrapper .field-label:before{background-color:#f96}.c4-s11-wrapper .tag-compact{background:linear-gradient(135deg,#f96,#ff8c42);box-shadow:0 2px 6px #ff8c424d}.c4-s11-wrapper .detail-badge,.c4-s11-wrapper .list-item-badge{background:linear-gradient(135deg,#ff6b6b,#ff8c42)}.c4-s11-wrapper .detail-badge{box-shadow:0 2px 8px #ff6b6b66}.c4-s11-wrapper:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 10q10 20 0 40-10-20 0-40' fill='%23f96' opacity='.05'/%3E%3Cpath d='M50 50q20 10 0 40-20-30 0-40' fill='%23ff8c42' opacity='.05'/%3E%3C/svg%3E");background-size:150px 150px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:1200px){.c4-s11-title{font-size:2.5rem}.c4-s11-tropical-icon{font-size:2rem}}@media (max-width:768px){.c4-s11-wrapper{padding:1rem}.c4-s11-title-wrapper{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.8rem 1.5rem}.c4-s11-title{font-size:2rem;letter-spacing:2px}.c4-s11-tropical-icon{font-size:1.5rem}.c4-s11-subtitle{font-size:1rem}.c4-s11-circle-1,.c4-s11-circle-2{height:300px;width:300px}}@media (max-width:480px){.c4-s11-wrapper{padding:.5rem}.c4-s11-title-wrapper{padding:.6rem 1rem}.c4-s11-title{font-size:1.5rem;letter-spacing:1px}.c4-s11-tropical-icon{font-size:1.2rem}.c4-s11-subtitle{font-size:.9rem}.c4-s11-circle-1,.c4-s11-circle-2{height:200px;width:200px}}.c4-s11-wrapper::-webkit-scrollbar{width:8px}.c4-s11-wrapper::-webkit-scrollbar-track{background:#ffa5001a}.c4-s11-wrapper::-webkit-scrollbar-thumb{background:#ff8c4280;border-radius:4px}.c4-s11-wrapper::-webkit-scrollbar-thumb:hover{background:#ff8c42cc}.c4-s12-wrapper{align-items:center;background:linear-gradient(135deg,#fff5e6,#ffe0b5 50%,#ffd4a3);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:hidden;padding:1.5rem;position:relative;width:100%}.c4-s12-tropical-circle{border-radius:50%;opacity:.15;pointer-events:none;position:absolute}.c4-s12-circle-1{background:radial-gradient(circle,#ffa50066 0,#ffc86433 50%,#0000 100%);height:500px;right:-5%;top:-10%;width:500px}.c4-s12-circle-2{background:radial-gradient(circle,#ff8c004d 0,#ffb45026 50%,#0000 100%);bottom:-15%;height:600px;left:-8%;width:600px}.c4-s12-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;position:relative;width:100%;z-index:1}.c4-s12-header{margin-bottom:.5rem;position:relative;text-align:center}.c4-s12-title-wrapper{align-items:center;background:linear-gradient(135deg,#f96,#ff8c42);border-radius:50px;box-shadow:0 8px 30px #ff8c4266;display:inline-flex;gap:.5rem;overflow:hidden;padding:.6rem 2.5rem .5rem;position:relative}.c4-s12-title-wrapper:before{animation:tropical-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes tropical-shimmer{0%{left:-100%}to{left:100%}}.c4-s12-tropical-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:2rem}.c4-s12-title-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.c4-s12-title{color:#fff;font-size:2rem;font-weight:900;line-height:1;margin:0;position:relative;text-shadow:3px 3px 6px #0003}.c4-s12-subtitle{color:#ffffffe6;font-size:.7rem;font-style:italic;font-weight:600;line-height:1;margin:0;text-shadow:0 1px 2px #0003}.c4-s12-content{margin-bottom:1rem;min-height:calc(100vh - 150px);overflow:hidden}.c4-s12-wrapper .modern-table-master-detail{padding:0}.c4-s12-wrapper .master-list{background:linear-gradient(135deg,#fff,#fff9f0);border:2px solid #ff8c4233;height:calc(100vh - 160px)}.c4-s12-wrapper .list-title{background:linear-gradient(135deg,#f96,#ff8c42);color:#fff}.c4-s12-wrapper .list-item.selected{background:linear-gradient(135deg,#f96,#ff8c42);border-color:#ff8c42}.c4-s12-wrapper .list-item:hover{border-color:#f96;box-shadow:0 4px 12px #ff8c424d}.c4-s12-wrapper .detail-view{background:linear-gradient(135deg,#fff,#fffbf5);border:2px solid #ff8c4233;height:calc(100vh - 160px);margin-right:0}.c4-s12-wrapper .detail-field{background:linear-gradient(135deg,#fffbf5,#fff9f0);border-left-color:#f96}.c4-s12-wrapper .detail-field:hover{background:#fff;box-shadow:0 4px 15px #ff8c4226}.c4-s12-wrapper .field-label:before{background-color:#f96}.c4-s12-wrapper .tag-compact{background:linear-gradient(135deg,#f96,#ff8c42);box-shadow:0 2px 6px #ff8c424d}.c4-s12-wrapper .detail-badge,.c4-s12-wrapper .list-item-badge{background:linear-gradient(135deg,#ff6b6b,#ff8c42)}.c4-s12-wrapper .detail-badge{box-shadow:0 2px 8px #ff6b6b66}.c4-s12-wrapper:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 10q10 20 0 40-10-20 0-40' fill='%23f96' opacity='.05'/%3E%3Cpath d='M50 50q20 10 0 40-20-30 0-40' fill='%23ff8c42' opacity='.05'/%3E%3C/svg%3E");background-size:150px 150px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:1200px){.c4-s12-title{font-size:2.5rem}.c4-s12-tropical-icon{font-size:2rem}}@media (max-width:768px){.c4-s12-wrapper{padding:1rem}.c4-s12-title-wrapper{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.8rem 1.5rem}.c4-s12-title{font-size:2rem;letter-spacing:2px}.c4-s12-tropical-icon{font-size:1.5rem}.c4-s12-subtitle{font-size:1rem}.c4-s12-circle-1,.c4-s12-circle-2{height:300px;width:300px}}@media (max-width:480px){.c4-s12-wrapper{padding:.5rem}.c4-s12-title-wrapper{padding:.6rem 1rem}.c4-s12-title{font-size:1.5rem;letter-spacing:1px}.c4-s12-tropical-icon{font-size:1.2rem}.c4-s12-subtitle{font-size:.9rem}.c4-s12-circle-1,.c4-s12-circle-2{height:200px;width:200px}}.c4-s12-wrapper::-webkit-scrollbar{width:8px}.c4-s12-wrapper::-webkit-scrollbar-track{background:#ffa5001a}.c4-s12-wrapper::-webkit-scrollbar-thumb{background:#ff8c4280;border-radius:4px}.c4-s12-wrapper::-webkit-scrollbar-thumb:hover{background:#ff8c42cc}.c4-s18-wrapper{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:hidden;padding:1.5rem;position:relative;width:100%}.c4-s18-herbal-circle{border-radius:50%;opacity:.12;pointer-events:none;position:absolute}.c4-s18-circle-1{background:radial-gradient(circle,#8bc34a66 0,#9ccc6533 50%,#0000 100%);height:450px;right:-3%;top:-8%;width:450px}.c4-s18-circle-2{background:radial-gradient(circle,#66bb6a59 0,#81c78426 50%,#0000 100%);bottom:-12%;height:550px;left:-6%;width:550px}.c4-s18-circle-3{background:radial-gradient(circle,#9c27b026 0,#ba68c814 50%,#0000 100%);height:300px;right:15%;top:40%;width:300px}.c4-s18-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;position:relative;width:100%;z-index:1}.c4-s18-header{margin-bottom:.5rem;position:relative;text-align:center}.c4-s18-title-wrapper{align-items:center;background:linear-gradient(135deg,#66bb6a,#81c784);border-radius:50px;box-shadow:0 8px 30px #66bb6a66;display:inline-flex;gap:.5rem;overflow:hidden;padding:.6rem 2.5rem .5rem;position:relative}.c4-s18-title-wrapper:before{animation:herbal-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.c4-s18-title-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.c4-s18-title{color:#fff;font-size:2rem;font-weight:900;line-height:1;margin:0;position:relative;text-shadow:3px 3px 6px #0003}.c4-s18-subtitle{color:#fffffff2;font-size:.7rem;font-style:italic;font-weight:600;line-height:1;margin:0;text-shadow:0 1px 2px #0003}.c4-s18-content{margin-bottom:1rem;min-height:calc(100vh - 150px);overflow:hidden}.c4-s18-wrapper .modern-table-master-detail{padding:0}.c4-s18-wrapper .master-list{background:linear-gradient(135deg,#fff,#f1f8e9);border:2px solid #66bb6a40;height:calc(100vh - 160px)}.c4-s18-wrapper .list-title{background:linear-gradient(135deg,#66bb6a,#81c784);color:#fff}.c4-s18-wrapper .list-item{background:#e8f5e8}.c4-s18-wrapper .list-item.selected{background:linear-gradient(135deg,#66bb6a,#81c784);border-color:#66bb6a}.c4-s18-wrapper .list-item:hover{border-color:#66bb6a;box-shadow:0 4px 12px #66bb6a59}.c4-s18-wrapper .detail-view{background:linear-gradient(135deg,#fff,#fafdf7);border:2px solid #66bb6a40;height:calc(100vh - 160px);margin-right:0}.c4-s18-wrapper .detail-field{background:linear-gradient(135deg,#fafdf7,#f1f8e9);border-left-color:#66bb6a}.c4-s18-wrapper .detail-field:hover{background:#fff;box-shadow:0 4px 15px #66bb6a2e}.c4-s18-wrapper .field-label:before{background-color:#66bb6a}.c4-s18-wrapper .tag-compact{background:linear-gradient(135deg,#66bb6a,#81c784);box-shadow:0 2px 6px #66bb6a59}.c4-s18-wrapper .detail-badge,.c4-s18-wrapper .list-item-badge{background:linear-gradient(135deg,#ab47bc,#ba68c8)}.c4-s18-wrapper .detail-badge{box-shadow:0 2px 8px #ab47bc66}.c4-s18-wrapper:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 10q10 10 0 30-10-20 0-30' fill='%2366bb6a' opacity='.04'/%3E%3Ccircle cx='40' cy='40' r='3' fill='%2381c784' opacity='.05'/%3E%3Cpath d='M40 40q20 10 0 30-20-20 0-30' fill='%2366bb6a' opacity='.04'/%3E%3C/svg%3E");background-size:120px 120px;bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:1200px){.c4-s18-title{font-size:2.5rem}}@media (max-width:768px){.c4-s18-wrapper{padding:1rem}.c4-s18-title-wrapper{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.8rem 1.5rem}.c4-s18-title{font-size:2rem;letter-spacing:2px}.c4-s18-subtitle{font-size:1rem}.c4-s18-circle-1,.c4-s18-circle-2,.c4-s18-circle-3{height:300px;width:300px}}@media (max-width:480px){.c4-s18-wrapper{padding:.5rem}.c4-s18-title-wrapper{padding:.6rem 1rem}.c4-s18-title{font-size:1.5rem;letter-spacing:1px}.c4-s18-subtitle{font-size:.9rem}.c4-s18-circle-1,.c4-s18-circle-2,.c4-s18-circle-3{height:200px;width:200px}}.c4-s18-wrapper::-webkit-scrollbar{width:8px}.c4-s18-wrapper::-webkit-scrollbar-track{background:#66bb6a1a}.c4-s18-wrapper::-webkit-scrollbar-thumb{background:#66bb6a80;border-radius:4px}.c4-s18-wrapper::-webkit-scrollbar-thumb:hover{background:#66bb6acc}.c4-s19-wrapper{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:hidden;padding:1.5rem;position:relative;width:100%}.c4-s19-herbal-circle{border-radius:50%;opacity:.12;pointer-events:none;position:absolute}.c4-s19-circle-1{background:radial-gradient(circle,#8bc34a66 0,#9ccc6533 50%,#0000 100%);height:450px;right:-3%;top:-8%;width:450px}.c4-s19-circle-2{background:radial-gradient(circle,#66bb6a59 0,#81c78426 50%,#0000 100%);bottom:-12%;height:550px;left:-6%;width:550px}.c4-s19-circle-3{background:radial-gradient(circle,#9c27b026 0,#ba68c814 50%,#0000 100%);height:300px;right:15%;top:40%;width:300px}.c4-s19-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;position:relative;width:100%;z-index:1}.c4-s19-header{margin-bottom:.5rem;position:relative;text-align:center}.c4-s19-title-wrapper{align-items:center;background:linear-gradient(135deg,#66bb6a,#81c784);border-radius:50px;box-shadow:0 8px 30px #66bb6a66;display:inline-flex;gap:.5rem;overflow:hidden;padding:.6rem 2.5rem .5rem;position:relative}.c4-s19-title-wrapper:before{animation:herbal-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes herbal-shimmer{0%{left:-100%}to{left:100%}}.c4-s19-title-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.c4-s19-title{color:#fff;font-size:2rem;font-weight:900;line-height:1;margin:0;position:relative;text-shadow:3px 3px 6px #0003}.c4-s19-subtitle{color:#fffffff2;font-size:.7rem;font-style:italic;font-weight:600;line-height:1;margin:0;text-shadow:0 1px 2px #0003}.c4-s19-content{margin-bottom:1rem;min-height:calc(100vh - 150px);overflow:hidden}.c4-s19-wrapper .modern-table-master-detail{padding:0}.c4-s19-wrapper .master-list{background:linear-gradient(135deg,#fff,#f1f8e9);border:2px solid #66bb6a40;height:calc(100vh - 160px)}.c4-s19-wrapper .list-item{margin-bottom:.3rem;padding:1.1rem}.c4-s19-wrapper .list-item-content{gap:.4rem}.c4-s19-wrapper .list-item-image{height:35px;width:35px}.c4-s19-wrapper .list-item-title{font-size:.9rem;line-height:1.2}.c4-s19-wrapper .list-title{background:linear-gradient(135deg,#66bb6a,#81c784);color:#fff}.c4-s19-wrapper .list-item{background:#e8f5e8}.c4-s19-wrapper .list-item.selected{background:linear-gradient(135deg,#66bb6a,#81c784);border-color:#66bb6a}.c4-s19-wrapper .list-item:hover{border-color:#66bb6a;box-shadow:0 4px 12px #66bb6a59}.c4-s19-wrapper .detail-view{background:linear-gradient(135deg,#fff,#fafdf7);border:2px solid #66bb6a40;height:calc(100vh - 160px);margin-right:0}.c4-s19-wrapper .detail-field{background:linear-gradient(135deg,#fafdf7,#f1f8e9);border-left-color:#66bb6a}.c4-s19-wrapper .detail-field:hover{background:#fff;box-shadow:0 4px 15px #66bb6a2e}.c4-s19-wrapper .field-label:before{background-color:#66bb6a}.c4-s19-wrapper .tag-compact{background:linear-gradient(135deg,#66bb6a,#81c784);box-shadow:0 2px 6px #66bb6a59}.c4-s19-wrapper .detail-badge,.c4-s19-wrapper .list-item-badge{background:linear-gradient(135deg,#ab47bc,#ba68c8)}.c4-s19-wrapper .detail-badge{box-shadow:0 2px 8px #ab47bc66}.c4-s19-wrapper:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 10q10 10 0 30-10-20 0-30' fill='%2366bb6a' opacity='.04'/%3E%3Ccircle cx='40' cy='40' r='3' fill='%2381c784' opacity='.05'/%3E%3Cpath d='M40 40q20 10 0 30-20-20 0-30' fill='%2366bb6a' opacity='.04'/%3E%3C/svg%3E");background-size:120px 120px;bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0}@media (max-height:700px){.c4-s19-wrapper .list-item{margin-bottom:.3rem;padding:.85rem}}@media (max-width:1200px){.c4-s19-title{font-size:2.5rem}}@media (max-width:768px){.c4-s19-wrapper{padding:1rem}.c4-s19-title-wrapper{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.8rem 1.5rem}.c4-s19-title{font-size:2rem;letter-spacing:2px}.c4-s19-subtitle{font-size:1rem}.c4-s19-circle-1,.c4-s19-circle-2,.c4-s19-circle-3{height:300px;width:300px}}@media (max-width:480px){.c4-s19-wrapper{padding:.5rem}.c4-s19-title-wrapper{padding:.6rem 1rem}.c4-s19-title{font-size:1.5rem;letter-spacing:1px}.c4-s19-subtitle{font-size:.9rem}.c4-s19-circle-1,.c4-s19-circle-2,.c4-s19-circle-3{height:200px;width:200px}}.c4-s19-wrapper::-webkit-scrollbar{width:8px}.c4-s19-wrapper::-webkit-scrollbar-track{background:#66bb6a1a}.c4-s19-wrapper::-webkit-scrollbar-thumb{background:#66bb6a80;border-radius:4px}.c4-s19-wrapper::-webkit-scrollbar-thumb:hover{background:#66bb6acc}.c4-s25-wrapper{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:hidden;padding:1.5rem;position:relative;width:100%}.c4-s25-herbal-circle{border-radius:50%;opacity:.12;pointer-events:none;position:absolute}.c4-s25-circle-1{background:radial-gradient(circle,#8bc34a66 0,#9ccc6533 50%,#0000 100%);height:450px;right:-3%;top:-8%;width:450px}.c4-s25-circle-2{background:radial-gradient(circle,#66bb6a59 0,#81c78426 50%,#0000 100%);bottom:-12%;height:550px;left:-6%;width:550px}.c4-s25-circle-3{background:radial-gradient(circle,#9c27b026 0,#ba68c814 50%,#0000 100%);height:300px;right:15%;top:40%;width:300px}.c4-s25-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;position:relative;width:100%;z-index:1}.c4-s25-header{margin-bottom:.5rem;position:relative;text-align:center}.c4-s25-title-wrapper{align-items:center;background:linear-gradient(135deg,#d4af37,gold 50%,#b8860b);border:2px solid #ffd7004d;border-radius:50px;display:inline-flex;gap:.5rem;overflow:hidden;padding:.6rem 2.5rem .5rem;position:relative}.c4-s25-title-wrapper:before{animation:luxury-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes luxury-shimmer{0%{left:-100%}to{left:100%}}.c4-s25-title-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.c4-s25-title{color:#fff;font-size:2rem;font-weight:900;line-height:1;margin:0;position:relative;text-shadow:3px 3px 6px #0003}.c4-s25-subtitle{color:#fffffff2;font-size:.7rem;font-style:italic;font-weight:600;line-height:1;margin:0;text-shadow:0 1px 2px #0003}.c4-s25-content{margin-bottom:1rem;min-height:calc(100vh - 150px);overflow:hidden}.c4-s25-wrapper .modern-table-master-detail{padding:0}.c4-s25-wrapper .master-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #d4af374d;border-radius:16px;box-shadow:0 8px 32px #0000004d;height:calc(100vh - 160px)}.c4-s25-wrapper .list-item{margin-bottom:.3rem;padding:1.6rem}.c4-s25-wrapper .list-item-content{gap:.4rem}.c4-s25-wrapper .list-item-image{height:35px;width:35px}.c4-s25-wrapper .list-item-title{color:#fff;font-size:.9rem;font-weight:600;line-height:1.2}.c4-s25-wrapper .list-title{background:linear-gradient(135deg,#d4af37,gold);color:#1a1a1a;font-weight:700;text-shadow:0 1px 2px #0000004d}.c4-s25-wrapper .list-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #d4af3733;border-radius:12px;color:#fff;transition:all .3s ease}.c4-s25-wrapper .list-item.selected{background:linear-gradient(135deg,#d4af37,gold);border-color:gold;box-shadow:0 8px 25px #d4af3766;color:#1a1a1a}.c4-s25-wrapper .list-item:hover{background:#ffffff1f;border-color:gold;box-shadow:0 4px 15px #d4af374d}.c4-s25-wrapper .detail-view{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #d4af374d;border-radius:16px;box-shadow:0 8px 32px #0000004d;height:calc(100vh - 160px);margin-right:0}.c4-s25-wrapper .detail-field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #d4af3733;border-radius:12px;color:#fff}.c4-s25-wrapper .detail-field .field-label{color:gold;font-weight:700}.c4-s25-wrapper .detail-field .field-value,.c4-s25-wrapper .detail-field .field-value p{color:#fff}.c4-s25-wrapper .detail-title{color:gold;font-weight:700;text-shadow:0 2px 4px #00000080}.c4-s25-wrapper .detail-field:hover{background:#ffffff26;border-color:gold;box-shadow:0 4px 15px #d4af374d}.c4-s25-wrapper .field-label:before{background-color:gold}.c4-s25-wrapper .tag-compact{background:linear-gradient(135deg,#d4af37,gold);box-shadow:0 2px 6px #d4af3766;color:#1a1a1a;font-weight:600}.c4-s25-wrapper .detail-badge,.c4-s25-wrapper .list-item-badge{background:linear-gradient(135deg,#8b4513,sienna);color:gold;font-weight:700;text-shadow:0 1px 2px #00000080}.c4-s25-wrapper .detail-badge{box-shadow:0 2px 8px #8b451366}.c4-s25-wrapper:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 10q10 10 0 30-10-20 0-30' fill='%2366bb6a' opacity='.04'/%3E%3Ccircle cx='40' cy='40' r='3' fill='%2381c784' opacity='.05'/%3E%3Cpath d='M40 40q20 10 0 30-20-20 0-30' fill='%2366bb6a' opacity='.04'/%3E%3C/svg%3E");background-size:120px 120px;bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0}@media (max-height:700px){.c4-s25-wrapper .list-item{margin-bottom:.3rem;padding:.85rem}}@media (max-width:1200px){.c4-s25-title{font-size:2.5rem}}@media (max-width:768px){.c4-s25-wrapper{padding:1rem}.c4-s25-title-wrapper{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.8rem 1.5rem}.c4-s25-title{font-size:2rem;letter-spacing:2px}.c4-s25-subtitle{font-size:1rem}.c4-s25-circle-1,.c4-s25-circle-2,.c4-s25-circle-3{height:300px;width:300px}}@media (max-width:480px){.c4-s25-wrapper{padding:.5rem}.c4-s25-title-wrapper{padding:.6rem 1rem}.c4-s25-title{font-size:1.5rem;letter-spacing:1px}.c4-s25-subtitle{font-size:.9rem}.c4-s25-circle-1,.c4-s25-circle-2,.c4-s25-circle-3{height:200px;width:200px}}.c4-s25-wrapper::-webkit-scrollbar{width:8px}.c4-s25-wrapper::-webkit-scrollbar-track{background:#66bb6a1a}.c4-s25-wrapper::-webkit-scrollbar-thumb{background:#66bb6a80;border-radius:4px}.c4-s25-wrapper::-webkit-scrollbar-thumb:hover{background:#66bb6acc}.c4-s26-wrapper{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:2rem;width:100%}.c4-s26-header{margin-bottom:2rem}.c4-s26-title{color:#2c3e50;font-size:2.5rem;font-weight:300;letter-spacing:.5rem;margin:0;padding-bottom:.5rem;position:relative;text-transform:uppercase}.c4-s26-title:after{background-color:#3498db;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.c4-s26-collection-container{display:flex;gap:2rem;justify-content:center;max-width:1200px;width:100%}.c4-s26-card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .4s ease;width:300px}.c4-s26-card:hover{box-shadow:0 15px 40px #3498db4d;transform:translateY(-5px)}.c4-s26-image-container{height:200px;overflow:hidden;width:100%}.c4-s26-image-container img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.c4-s26-card:hover .c4-s26-image-container img{transform:scale(1.1)}.c4-s26-content-container{padding:1.5rem;text-align:center}.c4-s26-product-name{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.c4-s26-tea-base{color:#666;font-size:1rem;margin:0}.c4-s26-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;left:0;opacity:0;padding:1.5rem;position:absolute;top:0;transform:translateY(100%);transition:all .4s cubic-bezier(.25,.8,.25,1);width:100%}.c4-s26-detail-item{text-align:left}.c4-s26-detail-item strong{color:#333;font-weight:600}.c4-s26-detail-item p{color:#555;font-size:.9rem;margin:.2rem 0 0}.course-4{min-height:100vh;overflow:hidden;position:relative;width:100%}.course4-get-started-section{height:100vh;left:0;position:fixed;top:0;transition:transform 1.2s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.course4-get-started-section.slide-up{transform:translateY(-100%)}.course4-content{min-height:100vh;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out;width:100%}.course4-content.active{opacity:1;transform:translateY(0)}.course4-placeholder-slide{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:968px){.course4-placeholder-slide h1{font-size:36px!important}.course4-placeholder-slide p{font-size:18px!important}}@media (max-width:640px){.course4-placeholder-slide{padding:20px!important}.course4-placeholder-slide h1{font-size:28px!important}.course4-placeholder-slide p{font-size:16px!important}}.course4-slide02-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:1.5rem;width:100%}.slide02-content-wrapper{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1600px;overflow-y:auto;padding:0 1.5rem;width:100%}.slide02-header{margin-bottom:2rem;padding-top:1.5rem;text-align:center}.slide02-main-title{color:#1e3b66;font-size:3rem;font-weight:700;letter-spacing:-1px;margin:0 0 .5rem;text-transform:uppercase}.slide02-title-underline{background-color:#d4c5a0;border-radius:2px;height:4px;margin:0 auto;width:80px}.categories-container{align-items:stretch;display:flex;flex:1 1;gap:2rem;justify-content:center;padding-bottom:2rem}.category-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffb3;border:1px solid #ffffffe6;border-radius:20px;box-shadow:0 8px 32px #1e3b661a;display:flex;flex:1 1;flex-direction:column;max-width:400px;padding:1.5rem}.category-header{border-bottom:2px solid #1e3b661a;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.category-title{color:#1e3b66;font-size:1.4rem;font-weight:700;line-height:1.2;margin:0}.products-list{gap:1.5rem}.product-card,.products-list{display:flex;flex-direction:column}.product-card{background:#fff;border:1px solid #e0e6ed;border-radius:16px;box-shadow:0 2px 8px #1e3b660f;cursor:pointer;overflow:hidden;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:hover{box-shadow:0 10px 25px #1e3b662e;transform:translateY(-8px) scale(1.02)}.product-image-wrapper{background:#f0f2f5;height:150px;overflow:hidden;position:relative}.product-image{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.product-card:hover .product-image{transform:scale(1.15)}.product-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem}.product-name{color:#1e3b66;font-size:.95rem;font-weight:700;line-height:1.3;margin:0;min-height:2.5em}.product-description{color:#6b7a8d;font-size:.8rem;line-height:1.4;margin:0}.slide02-content-wrapper::-webkit-scrollbar{width:8px}.slide02-content-wrapper::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.slide02-content-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1e3b66,#2d5a8c);border-radius:10px}@media (max-width:1200px){.categories-container{gap:1.5rem}.category-column{max-width:380px;padding:1.5rem}}@media (max-width:1024px){.slide02-content-wrapper{height:auto;max-height:calc(100vh - 40px)}.categories-container{align-items:center;flex-direction:column}.category-column{max-width:500px;width:100%}.slide02-main-title{font-size:2.5rem}}@media (max-width:768px){.course4-slide02-container{padding:1rem}.slide02-content-wrapper{padding:0 .5rem}.slide02-main-title{font-size:2rem}.product-name{font-size:1rem}}.course4-slide04-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:1.5rem;width:100%}.slide04-content-wrapper{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;overflow-y:auto;padding:0 1rem;width:100%}.slide04-header{margin-bottom:2rem;padding-top:1.5rem;text-align:center}.slide04-main-title{color:#1e3b66;font-size:2.8rem;font-weight:800;letter-spacing:-1.5px;margin:0 0 .5rem;text-transform:uppercase}.slide04-title-underline{background:linear-gradient(90deg,#d4c5a0,#b8a676);border-radius:2px;height:4px;margin:0 auto;width:80px}.comparison-container{grid-gap:2rem;align-items:stretch;display:grid;flex:1 1;gap:2rem;grid-template-columns:1fr auto 1fr;padding-bottom:2rem;padding-top:1rem;position:relative;z-index:1000}.comparison-divider{align-items:center;display:flex;justify-content:center;position:relative}.divider-line{background:linear-gradient(180deg,#0000,#1e3b6633,#0000);border-radius:1px;height:90%;width:2px}.divider-vs{align-items:center;background:linear-gradient(135deg,#1e3b66,#2d5f8d);border:4px solid #f8fafc;border-radius:50%;box-shadow:0 4px 20px #1e3b664d;color:#fff;display:flex;font-size:1.3rem;font-weight:700;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:1000}.comparison-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffffb3;border:1px solid #ffffffe6;border-radius:20px;box-shadow:0 8px 32px #1e3b661a;display:flex;flex-direction:column;padding:2rem 2.5rem}.panel-header{margin-bottom:2rem;text-align:center}.panel-title{align-items:center;color:#1e3b66;display:flex;font-size:1.8rem;font-weight:700;gap:1rem;justify-content:center;line-height:1.2;margin:0}.panel-icon{font-size:2rem}.features-list{display:flex;flex-direction:column;gap:1.25rem;list-style:none;margin:0;padding:0}.feature-item{align-items:flex-start;background-color:#f8fafcb3;border-left:4px solid #d4c5a0;border-radius:12px;color:#334155;display:flex;font-size:.95rem;gap:1rem;line-height:1.6;padding:1rem;transition:all .3s ease}.feature-item:hover{border-left-color:#1e3b66;box-shadow:0 4px 16px #1e3b661a;transform:translateX(8px)}.feature-icon{color:#1e3b66;font-size:1rem;margin-top:.3rem}.slide04-content-wrapper::-webkit-scrollbar{width:8px}.slide04-content-wrapper::-webkit-scrollbar-track{background:#0000000d}.slide04-content-wrapper::-webkit-scrollbar-thumb{background:#1e3b66;border-radius:4px}@media (max-width:1024px){.slide04-content-wrapper{height:auto;max-height:calc(100vh - 40px)}.comparison-container{gap:1rem;grid-template-columns:1fr}.comparison-divider{display:none}.comparison-panel{margin:0 auto;max-width:600px;width:100%}}@media (max-width:768px){.course4-slide04-container{padding:1rem}.slide04-content-wrapper{padding:0 .5rem}.slide04-main-title{font-size:2rem}.panel-title{font-size:1.5rem}.feature-item{font-size:.9rem}.comparison-panel{padding:1.5rem}}.course4-quiz-landing-container{background-color:#1e3b66;display:relative;display:flex;flex-direction:column;height:calc(100vh - 180px);padding:30px 30px 60px;width:calc(100% - 120px)}.course4-quiz-landing-container-logo{display:flex;justify-content:flex-end;margin-bottom:0;width:100%}.course4-quiz-landing-context{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.course4-quiz-landing-context-head{color:#fff;display:flex;flex-direction:column;margin-bottom:40px;text-align:center;width:100%}.course4-quiz-landing-context-head-mini-title{color:#fefae0;font-size:28px;font-weight:500;letter-spacing:3px;margin-bottom:10px;opacity:.95}.course4-quiz-landing-context-head-main-title{color:#fff;font-size:52px;font-weight:600;letter-spacing:1px;line-height:1.1;margin:10px 0 20px}.course4-quiz-landing-context-head-quiz-title{color:#fefae0;font-size:140px;font-weight:700;line-height:.9;margin:20px 0 0;text-shadow:0 4px 20px #fefae04d}.course4-quiz-landing-context-sub{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:850px;text-align:center;width:100%}.course4-quiz-landing-context-sub-title{color:#fefae0;font-size:26px;font-weight:600;margin-bottom:15px}.course4-quiz-landing-context-sub-description{color:#e5e0da;font-size:18px;line-height:28px;opacity:.95}.course4-quiz-landing-context-button{align-self:center;background-color:#fefae0!important;box-shadow:0 4px 15px #0e3f6a66!important;color:#1e3b66!important;font-weight:600!important;margin-top:30px!important;transition:all .3s ease!important}@media (max-width:1024px){.course4-quiz-landing-context-head-main-title{font-size:45px}.course4-quiz-landing-context-head-quiz-title{font-size:120px}.course4-quiz-landing-context-sub-title{font-size:24px}.course4-quiz-landing-context-sub-description{font-size:17px;line-height:26px}}@media (max-width:768px){.course4-quiz-landing-container{height:calc(100vh - 120px);padding:40px 20px 80px;width:calc(100% - 40px)}.course4-quiz-landing-context-head-mini-title{font-size:22px}.course4-quiz-landing-context-head-main-title{font-size:38px}.course4-quiz-landing-context-head-quiz-title{font-size:90px}.course4-quiz-landing-context-sub-title{font-size:22px}.course4-quiz-landing-context-sub-description{font-size:16px;line-height:24px}}.course5-get-started{align-items:center;background:#1a237e;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.get-started-container{background-color:#1e3b66;height:calc(100vh - 180px);padding:60px 60px 120px;width:calc(100% - 120px)}.get-started-container-logo{display:flex;justify-content:flex-end;width:100%}.get-started-context{display:flex}.get-started-context-head{color:#fff;display:flex;flex-direction:column;width:50%}.get-started-context-head-subtitle{font-size:20px;letter-spacing:2px;margin-bottom:.5rem}.get-started-context-head-main-title{font-size:120px;font-weight:600}.get-started-context-head-title{color:#fefae0;font-size:78px;font-weight:600}.get-started-context-sub{color:#fff;display:flex;flex-direction:column;font-size:20px;justify-content:center;line-height:30px;width:50%}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.get-started-context-button{animation:blink 1.2s infinite}.get-started-context-button:hover{background-color:#fefae0!important}@media (max-width:768px){.course5-get-started{padding:16px}.course-title{font-size:2.5rem}.course-description{font-size:1rem}.get-started-container{gap:32px}.get-started-content{gap:24px}}@media (max-width:480px){.course5-get-started{padding:12px}.course-title{font-size:2rem}.course-description{font-size:.95rem}.start-course-button{max-width:200px;width:100%}}.c5-modern-table{display:flex;font-family:BentoSans,sans-serif;gap:1.5rem;height:100%;-webkit-user-select:none;user-select:none;width:100%}.c5-master-list{background-color:#f8fafc;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;width:320px}.c5-list-title{border-bottom:1px solid #e8eef5;color:#0b3869;font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding-bottom:1rem}.c5-list-items{flex-grow:1;min-height:0;overflow-y:auto;padding-right:8px}.c5-list-item{align-items:center;background-color:#fff;border:1px solid #e8eef5;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:background-color .2s ease}.c5-list-item.selected{background-color:#1e3b66;box-shadow:0 4px 12px #1e3b661a;color:#fff}.c5-list-item.selected .c5-list-item-category,.c5-list-item.selected .c5-list-item-title{color:#fff}.c5-list-item-content{align-items:center;display:flex;gap:1rem}.c5-list-item-image{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.c5-list-item-image img{height:100%;object-fit:cover;width:100%}.c5-list-item-text{display:flex;flex-direction:column;gap:5px}.c5-list-item-title{color:#1e3b66;font-weight:600}.c5-list-item-category{color:#64748b;font-size:.875rem}.c5-list-item-indicator{color:#fff}.c5-tooltip-container{display:inline-block;position:relative}.c5-tooltip-text{background-color:#1e3b66;border-radius:6px;bottom:145%;color:#fff;font-size:.8rem;font-weight:500;left:50%;opacity:0;padding:8px 12px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;width:max-content;z-index:1}.c5-tooltip-container:hover .c5-tooltip-text{opacity:1;visibility:visible}.c5-tooltip-text:after{border:5px solid #0000;border-top-color:#1e3b66;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.c5-detail-view{background-color:#fff;border-radius:12px;flex-grow:1;overflow-y:auto;padding:2rem}.c5-detail-content{display:flex;flex-direction:column}.c5-detail-header{align-items:center;border-bottom:1px solid #e8eef5;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.c5-detail-image{border-radius:12px;flex-shrink:0;height:100px;overflow:hidden;width:100px}.c5-detail-image img{height:100%;object-fit:cover;width:100%}.c5-detail-title-section{display:flex;flex-direction:column;gap:.5rem}.c5-detail-title{color:#1e3b66;font-size:1.75rem;font-weight:700;margin:0}.c5-detail-chips{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.c5-availability-chip,.c5-detail-chips{-webkit-user-select:none;user-select:none}.c5-availability-chip{background-color:#fee2e2;border-radius:999px;color:#b91c1c;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.c5-detail-badge{align-self:flex-start;background-color:#e8eef5;border-radius:999px;color:#1e3b66;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.c5-detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.c5-detail-field-large{grid-column:span 2}.c5-field-label{color:#0b3869;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.c5-field-value p{color:#334155;line-height:1.6;margin:0}.c5-brewing-guide{background-color:#f8fafc;border-radius:8px;margin-top:1rem;padding:1.5rem}.c5-brewing-title{border-bottom:1px solid #e8eef5;color:#0b3869;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;padding-bottom:1rem;text-transform:uppercase}.c5-brewing-items{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around}.c5-brewing-item{align-items:center;color:#334155;display:flex;gap:.5rem}.c5-brewing-item svg{color:#1e3b66}.c5-detail-view::-webkit-scrollbar,.c5-list-items::-webkit-scrollbar{width:8px}.c5-detail-view::-webkit-scrollbar-track,.c5-list-items::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.c5-detail-view::-webkit-scrollbar-thumb,.c5-list-items::-webkit-scrollbar-thumb{background-color:#d4dbe3;border:2px solid #f1f5f9;border-radius:10px}.c5-detail-view::-webkit-scrollbar-thumb:hover,.c5-list-items::-webkit-scrollbar-thumb:hover{background-color:#b0bac9}.c5-s12-container{background:linear-gradient(135deg,#f5f7fa,#e8eef5);box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden;padding:.8rem 2rem;width:100%}.c5-s12-header{flex-shrink:0;margin-bottom:2rem;text-align:center}.c5-s12-table-wrapper{flex-grow:1;min-height:0;overflow:hidden}.c5-s12-title{color:#1e3b66;font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin:0 0 .5rem;text-transform:uppercase}.c5-s12-divider{background-color:#d4c5a0;border-radius:2px;height:4px;margin:0 auto;width:80px}.c5-s13-container{background:linear-gradient(135deg,#f5f7fa,#e8eef5);box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden;padding:.8rem 2rem;width:100%}.c5-s13-header{flex-shrink:0;margin-bottom:2rem;text-align:center}.c5-s13-table-wrapper{flex-grow:1;min-height:0;overflow:hidden}.c5-s13-title{color:#1e3b66;font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin:0 0 .5rem;text-transform:uppercase}.c5-s13-divider{background-color:#d4c5a0;border-radius:2px;height:4px;margin:0 auto;width:80px}.c5-s14-container{background:linear-gradient(135deg,#f5f7fa,#e8eef5);box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden;padding:.8rem 2rem;width:100%}.c5-s14-header{flex-shrink:0;margin-bottom:2rem;text-align:center}.c5-s14-table-wrapper{flex-grow:1;min-height:0;overflow:hidden}.c5-s14-title{color:#1e3b66;font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin:0 0 .5rem;text-transform:uppercase}.c5-s14-divider{background-color:#d4c5a0;border-radius:2px;height:4px;margin:0 auto;width:80px}@keyframes soft-tropical-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c5-s15-container{animation:soft-tropical-flow 25s ease infinite;background:linear-gradient(-45deg,#ffecd2,#fcb69f);background-size:400% 400%;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden;padding:.8rem 2rem;width:100%}.c5-s15-header{flex-shrink:0;margin-bottom:1.5rem;text-align:center}.c5-s15-table-wrapper{flex-grow:1;min-height:0;overflow:hidden}.c5-s15-title{color:#bf360c;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem;text-shadow:1px 1px 6px #0003;text-transform:uppercase}.c5-s15-divider{background-color:#fff9;border-radius:2px;height:4px;margin:0 auto;width:80px}.c5-s15-container .c5-detail-view,.c5-s15-container .c5-master-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff9;border:1px solid #fff3;box-shadow:0 25px 45px #00000014;padding-top:1.2rem}.c5-s15-container .c5-list-items{padding-left:8px}.c5-s15-container .c5-detail-header{border-bottom:none;padding-bottom:0}.c5-s15-container .c5-list-item{background:#ffffffbf;border-color:#0000;box-shadow:0 10px 25px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.c5-s15-container .c5-list-item:hover{transform:translateY(-4px)}.c5-s15-container .c5-list-item.selected{background:linear-gradient(135deg,#ff6f61,#d81b60);color:#fff}.c5-s15-container .c5-list-item-image{border:3px solid #d81b6033}.c5-s15-container .c5-list-item-title{color:#ad1457;font-weight:600}.c5-s15-container .c5-list-item-category{color:#e91e63;font-weight:500}.c5-s15-container .c5-detail-grid{gap:1rem}.c5-s15-container .c5-detail-field,.c5-s15-container .c5-detail-field-large{background:#fffc;border-radius:18px;box-shadow:0 25px 45px #00000014;overflow:hidden;padding:1.4rem;position:relative}.c5-s15-container .c5-detail-field-large:before,.c5-s15-container .c5-detail-field:before{background:linear-gradient(135deg,#fff0 20%,#ffffff40);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.c5-s15-container .c5-detail-field:first-of-type{background:linear-gradient(135deg,#ffe0f6,#ffd0dc)}.c5-s15-container .c5-detail-field:nth-of-type(2){background:linear-gradient(135deg,#ffe8d2,#ffd7b5)}.c5-s15-container .c5-detail-field:nth-of-type(3){background:linear-gradient(135deg,#e5f6ff,#d0ecff)}.c5-s15-container .c5-detail-field-large{background:linear-gradient(135deg,#fff0f3,#ffe3ec)}.c5-s15-container .c5-field-label{color:#c2185b;letter-spacing:.6px}.c5-s15-container .c5-field-value p{color:#333;font-size:.98rem}.c5-s15-container .c5-availability-chip{background-color:#fffc;border:1px solid #fff6;color:#ad1457}.c5-s15-container .c5-detail-badge{background:linear-gradient(135deg,#ff6f61,#d81b60);box-shadow:0 8px 20px #d81b6040;color:#fff}.c5-s15-container .c5-brewing-guide{background:linear-gradient(135deg,#ffffffd9,#ffffff8c);border-radius:18px;box-shadow:0 20px 45px #00000014;margin-top:0}.c5-s15-container .c5-brewing-item{color:#4a4a4a;font-weight:500}.c5-s15-container .c5-brewing-item svg{color:#c2185b}.c5-s15-container .c5-tooltip-text{background-color:#c2185b;border-radius:8px;box-shadow:0 10px 25px #d81b604d;padding:.4rem .8rem}@keyframes herbal-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c5-s16-container{animation:herbal-gradient 18s ease infinite;background:linear-gradient(-45deg,#a5d6a7,#81c784,#66bb6a,#4caf50);background-size:400% 400%;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden;padding:.8rem 2rem;width:100%}.c5-s16-container .c5-list-items{padding-left:8px}.c5-s16-header{flex-shrink:0;margin-bottom:1.5rem;text-align:center}.c5-s16-table-wrapper{flex-grow:1;min-height:0;overflow:hidden}.c5-s16-title{color:#1b5e20;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem;text-shadow:1px 1px 4px #ffffff80;text-transform:uppercase}.c5-s16-divider{background-color:#ffffff80;border-radius:2px;height:4px;margin:0 auto;width:80px}.c5-s16-container .c5-detail-view,.c5-s16-container .c5-master-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff9;border:1px solid #fff3;box-shadow:0 25px 45px #00000014}.c5-s16-container .c5-brewing-title,.c5-s16-container .c5-detail-title,.c5-s16-container .c5-field-label,.c5-s16-container .c5-list-title{color:#2e7d32}.c5-s16-container .c5-list-item{background:#ffffffbf}.c5-s16-container .c5-list-item.selected{background:linear-gradient(135deg,#66bb6a,#388e3c);color:#fff}.c5-s16-container .c5-list-item-title{color:#1b5e20}.c5-s16-container .c5-list-item-category{color:#388e3c}.c5-s16-container .c5-availability-chip{background-color:#e8f5e9;color:#2e7d32}.c5-s16-container .c5-detail-badge{background:linear-gradient(135deg,#66bb6a,#388e3c);color:#fff}.c5-s16-container .c5-brewing-guide{background:linear-gradient(135deg,#ffffffd9,#ffffff8c)}.course-5{min-height:100vh;overflow:hidden;position:relative;width:100%}.course5-get-started-section{height:100vh;left:0;position:fixed;top:0;transition:transform 1.2s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.course5-get-started-section.slide-up{transform:translateY(-100%)}.course5-content{min-height:100vh;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out;width:100%}.course5-content.active{opacity:1;transform:translateY(0)}.course5-quiz-landing-container{background-color:#1e3b66;display:relative;display:flex;flex-direction:column;height:calc(100vh - 180px);padding:30px 30px 60px;width:calc(100% - 120px)}.course5-quiz-landing-container-logo{display:flex;justify-content:flex-end;margin-bottom:0;width:100%}.course5-quiz-landing-context{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.course5-quiz-landing-context-head{color:#fff;display:flex;flex-direction:column;margin-bottom:40px;text-align:center;width:100%}.course5-quiz-landing-context-head-mini-title{color:#fefae0;font-size:28px;font-weight:500;letter-spacing:3px;margin-bottom:10px;opacity:.95}.course5-quiz-landing-context-head-main-title{color:#fff;font-size:52px;font-weight:600;letter-spacing:1px;line-height:1.1;margin:10px 0 20px}.course5-quiz-landing-context-head-quiz-title{color:#fefae0;font-size:140px;font-weight:700;line-height:.9;margin:20px 0 0;text-shadow:0 4px 20px #fefae04d}.course5-quiz-landing-context-sub{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:850px;text-align:center;width:100%}.course5-quiz-landing-context-sub-title{color:#fefae0;font-size:26px;font-weight:600;margin-bottom:15px}.course5-quiz-landing-context-sub-description{color:#e5e0da;font-size:18px;line-height:28px;opacity:.95}.course5-quiz-landing-context-button{align-self:center;background-color:#fefae0!important;box-shadow:0 4px 15px #0e3f6a66!important;color:#1e3b66!important;font-weight:600!important;margin-top:30px!important;transition:all .3s ease!important}@media (max-width:1024px){.course5-quiz-landing-context-head-main-title{font-size:45px}.course5-quiz-landing-context-head-quiz-title{font-size:120px}.course5-quiz-landing-context-sub-title{font-size:24px}.course5-quiz-landing-context-sub-description{font-size:17px;line-height:26px}}@media (max-width:768px){.course5-quiz-landing-container{height:calc(100vh - 120px);padding:40px 20px 80px;width:calc(100% - 40px)}.course5-quiz-landing-context-head-mini-title{font-size:22px}.course5-quiz-landing-context-head-main-title{font-size:38px}.course5-quiz-landing-context-head-quiz-title{font-size:90px}.course5-quiz-landing-context-sub-title{font-size:22px}.course5-quiz-landing-context-sub-description{font-size:16px;line-height:24px}}
/*# sourceMappingURL=main.42c6fe4b.css.map*/