*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#946590;--primary-hover:#5558e3;--demo-title:#563662;--card-bg:#f9f8ff;--card-paragraph:#5c5c5c;--card-border:#f4edff}.form-container{background:#fff url(/assets/images/democenter/background.png) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.form-card{background:#fff;border:1px solid #946590;border-radius:30px;width:100%;max-width:580px;padding:48px 40px 20px}.form-title{text-align:center;color:#000;margin-bottom:32px;font-size:24px;font-weight:600;line-height:1.4}.form{flex-direction:column;display:flex}.form-group{position:relative}.form-input{color:#374151;border:none;border-bottom:.5px solid #606161;outline:none;width:100%;padding:18px 0;font-size:20px;transition:border-color .3s;background:0 0!important}.form-input::placeholder{color:#8f9191;font-size:20px}.required-mark{color:#ef4444;font-size:14px;position:absolute;top:-4px;right:0}.phone-group{align-items:center;position:relative}.phone-prefix{align-items:center;gap:8px;margin-right:8px;padding-bottom:12px;display:flex}.flag{font-size:24px}.country-code{color:#4b5563;font-size:20px;font-weight:500}.phone-input{flex:1}.checkbox-group{-webkit-overflow-scrolling:touch;flex-direction:column;max-height:400px;margin-bottom:8px;padding-right:6px;display:flex;overflow-y:auto}.checkbox-grid{grid-template-columns:repeat(2,1fr);margin-bottom:8px;display:grid}.checkbox-label{cursor:pointer;align-items:start;padding:12px 0;display:flex;position:relative}.checkbox-input{opacity:0;cursor:pointer;position:absolute}.checkbox-custom{border:2px solid #946590;border-radius:3px;flex-shrink:0;width:20px;height:20px;margin-top:6px;margin-right:12px;transition:all .3s;position:relative}.checkbox-input:checked+.checkbox-custom{background-color:#946590;border-color:#946590}.checkbox-input:checked+.checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.checkbox-text{color:#5f5f5f;font-size:20px;line-height:1.5}.checkbox-input:checked~.checkbox-text{color:#946590;font-weight:500}.button-container{justify-content:flex-end;align-items:center;padding-top:16px;display:flex}.button-group{justify-content:space-between;align-items:center;padding-top:15px;display:flex}.submit-button{color:#fff;cursor:pointer;background:#946590;border:none;border-radius:50px;align-items:center;gap:8px;padding:8px 24px;font-size:20px;font-weight:600;transition:all .3s;display:flex}.submit-button:hover:not(:disabled){background:#946590;transform:scale(1.05)}.back-button{color:#1f2937;cursor:pointer;background:0 0;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.back-button:hover{background:#f3f4f6}.arrow-icon{width:20px;height:20px}.video-page{background:#f9fafb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.video-container-wrapper{background:#fff;grid-template-columns:250px 1fr 300px;gap:24px;width:100%;margin:0 auto;padding:24px;display:grid;box-shadow:0 4px 20px #00000014}.video-sidebar{border:1px solid #f4edff;border-radius:20px}.sidebar-title{color:#946590;font-size:18px;font-weight:600}.video-list{flex-direction:column;display:flex}.video-list-item{cursor:pointer;border-bottom:1px solid #f4edff;border-radius:8px;align-items:start;gap:12px;padding:12px;transition:all .2s;display:flex}.video-bullet{background:#946590;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.video-list-item.active .video-bullet{background:#946590}.video-list-text{color:#6b7280;flex:1;font-size:16px;line-height:1.4}.video-list-item.active .video-list-text{color:#946590;font-weight:500}.check-icon{color:#946590;flex-shrink:0;width:18px;height:18px}.check-icon-purple{color:#946590;flex-shrink:0;width:18px;height:18px;margin-top:6px}.check-icon-grey{color:#c4c4c4;flex-shrink:0;width:18px;height:18px;margin-top:6px}.video-main{flex-direction:column;gap:24px;display:flex}.video-player{background:#000;border-radius:12px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-player iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-content{flex-direction:column;gap:16px;display:flex}.video-title{color:#1f2937;font-size:24px;font-weight:600}.video-description{color:#6b7280;font-size:15px;line-height:1.6}.video-navigation{gap:16px;margin-top:8px;display:flex}.video-nav-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50px;align-items:center;gap:8px;padding:8px 24px;font-size:20px;font-weight:600;transition:all .3s;display:flex}.video-nav-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.video-nav-button.primary{color:#fff;background:#946590;border-color:#946590}.video-nav-button.primary:hover:not(:disabled){background:#946590;border-color:#946590}.video-nav-button:disabled{opacity:.5;cursor:not-allowed}.video-right-sidebar{background-color:#f9f8ff;border:1px solid #f4edff;border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.right-sidebar-item{border-radius:8px;align-items:start;gap:10px;padding:12px;transition:all .2s;display:flex}.right-sidebar-text{color:#5f5f5f;font-size:16px;line-height:1.4}.right-sidebar-item.active .right-sidebar-text{color:#946590;font-weight:500}@media (max-width:1200px){.video-container-wrapper{grid-template-columns:1fr;gap:20px}.video-sidebar,.video-right-sidebar{border:none;padding:10px}}@media (max-width:768px){.checkbox-grid{grid-template-columns:1fr}.video-page{padding:12px}.video-container-wrapper{padding:16px}.video-title{font-size:20px}.video-navigation{flex-direction:column}.video-nav-button{justify-content:center;width:100%}}@media (max-width:600px){.form-container{padding:16px}.form-card{border-radius:20px;max-width:100%;padding:32px 24px}.form-title{font-size:18px}}.zr-accordion{border-radius:12px;width:100%}@media (max-width:1185px){.zr-accordion{border-radius:12px;width:100%}}.accordion-btn{border-bottom:1px solid #f4edff;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.accordion-btn:last-child{border-bottom:none}.arrow{color:#5c318b;transition:transform .2s}.arrow.open{transform:rotate(180deg)}.accordion-panel{max-height:0;transition:max-height .25s;overflow:hidden}.accordion-panel.show{background-color:#f9f8ff;max-height:500px}.zr-phone2-container .form-control{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;height:44px!important;padding-left:52px!important}.zr-phone2-input{background:#fff!important;border-radius:10px!important;width:100%!important;padding-left:52px!important;font-size:20px!important;font-weight:400!important}.zr-phone2-button{border-right:none!important;border-radius:10px 0 0 10px!important}.input-error{color:#d92d20;margin-top:6px;font-size:12px;display:block}.zr-phone2-container .selected-flag{background:0 0!important}.form-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#374151!important;border-bottom:2px solid #e5e7eb!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#374151!important;border-bottom:2px solid #e5e7eb!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#374151!important;border-bottom:2px solid #e5e7eb!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#374151!important;border-bottom:2px solid #e5e7eb!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:focus{border-bottom-color:#946590!important}.zr-phone2-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#374151!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.zr-phone2-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#374151!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.zr-phone2-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#374151!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.zr-phone2-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#374151!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.zr-phone2-container{width:100%}.zr-phone2-input{background:0 0!important;border:none!important;border-bottom:2px solid #e5e7eb!important;outline:none!important}.zr-phone2-input:focus{border-bottom-color:#946590!important}.demo-center-section{background:#fff;width:100%;min-height:100vh;padding:20px 16px 64px}.demo-center-wrapper{margin:0 auto}.demo-center-header{text-align:center;margin-bottom:32px}.demo-center-kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--primary-color);margin-bottom:6px;font-size:12px}.demo-center-title{color:#2b104b;margin-bottom:8px;font-size:36px;font-weight:700}.demo-center-title span{color:#946590}.demo-center-subtitle{color:#6e6d82;max-width:540px;margin:0 auto;font-size:18px}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px;display:grid}.demo-card{cursor:pointer;text-align:left;background:0 0;border:1px solid #eaedfc;border-radius:20px;align-items:center;gap:16px;min-height:140px;padding:16px 20px;transition:border .3s,box-shadow .3s;display:flex;position:relative}.demo-card.is-selected{background:var(--card-bg);border:1px solid #c4b6da}.demo-card-media{background:#fff;border-radius:20px;width:170px;height:100px;position:relative;overflow:hidden}.demo-card-image{object-fit:cover}.demo-card-play{width:40px;height:40px;color:var(--primary-color);background:#ffffffe6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 18px #00000026}.demo-card-body{flex:1}.demo-card-title{color:var(--demo-title);margin-bottom:6px;font-size:20px;font-weight:500}.demo-card-description{color:var(--card-paragraph);font-size:15px;line-height:1.4}.demo-card-check{color:#fff;background:#c4c4c4;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.demo-card.is-selected .demo-card-check{background:var(--primary-color);color:#fff}.demo-step-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;display:flex}.demo-step-note{color:#6d6d7e;font-size:14px}.demo-action-button{color:#fff;cursor:pointer;background:#946590;border:none;border-radius:26px;padding:12px 36px;font-size:16px;font-weight:600;transition:transform .2s,opacity .2s}.demo-action-button:disabled{opacity:.6;cursor:not-allowed}.demo-view-layout{grid-template-columns:minmax(260px,.35fr) minmax(320px,.65fr);gap:28px;margin-top:36px;display:grid}.demo-left-panel{flex-direction:column;gap:16px;padding:0 5px;display:flex}.demo-selected-list-label{color:#000;font-size:16px;font-weight:600}.demo-selected-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;max-height:500px;display:flex;overflow-y:auto}.demo-selected-item{background:var(--card-bg);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:20px;align-items:center;gap:12px;padding:10px;display:flex}.demo-selected-item.is-active{background:var(--card-bg);border:1px solid #c4b6da}.demo-selected-thumb{background:#fff;border-radius:10px;width:100px;height:60px;position:relative;overflow:hidden}.demo-selected-thumb-img{object-fit:cover}.demo-selected-thumb-play{width:32px;height:32px;color:var(--primary-color);background:#ffffffe6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-selected-copy{flex:1}.demo-selected-title{color:var(--primary-color);margin-bottom:4px;font-size:16px;font-weight:600}.demo-selected-desc{color:#6d6d7e;font-size:14px;line-height:1.3}.demo-action-link{color:#946590;cursor:pointer;background:0 0;border:none;align-self:flex-start;font-weight:600}.demo-other-label{color:var(--primary-color);margin-top:16px;font-size:14px;font-weight:600}.demo-other-list{flex-direction:column;gap:10px;display:flex}.demo-other-item{cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:8px;transition:border .2s,background .2s;display:flex}.demo-other-item:hover{background:var(--card-bg);border:1px solid #c4b6da}.demo-other-thumb{background:#fff;border-radius:12px;width:100px;height:50px;position:relative;overflow:hidden}.demo-other-thumb-img{object-fit:cover}.demo-other-thumb-play{width:30px;height:30px;color:var(--primary-color);background:#ffffffe6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-other-copy p{color:#5f5f6f;margin:0;font-size:13px}.demo-right-panel{flex-direction:column;display:flex}.demo-video-shell{background:#000;border-radius:20px 20px 0 0;padding-bottom:56.25%;position:relative;overflow:hidden}.demo-video-shell iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.demo-video-details{background:var(--card-bg);border:1px solid var(--card-border);border-radius:0 0 20px 20px;padding:32px}.demo-video-details h3{color:#000;margin-bottom:12px;font-size:20px}.demo-video-description{color:#606161;margin-bottom:22px;line-height:1.6;font-size:16px!important}.demo-video-description.is-expanded{white-space:normal;text-overflow:clip;overflow:visible}.demo-video-show-more{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;font-weight:600;display:none}.demo-cta-row{flex-wrap:wrap;gap:12px;display:flex}.demo-cta{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:8px 24px;font-size:20px;font-weight:500}.demo-cta.primary{background:var(--primary-color);color:#fff}.demo-cta.secondary{border-color:var(--primary-color);color:var(--primary-color);background:0 0}.demo-center-note{color:#6d6d7e;text-align:center;margin-top:32px;font-size:16px}@media (max-width:1200px){.demo-view-layout{grid-template-columns:1fr}.demo-left-panel,.demo-right-panel{order:unset}}@media (max-width:768px){.demo-grid{grid-template-columns:1fr}.demo-card{flex-direction:column;min-height:auto}.demo-card-media{width:100%}.demo-view-layout{flex-direction:column;gap:20px;margin-top:24px;display:flex}.demo-right-panel{order:-1}.demo-selected-list,.demo-other-list{-webkit-overflow-scrolling:touch;max-height:220px;overflow-y:auto}.demo-video-details{padding:10px}.demo-video-description{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.demo-video-show-more{justify-content:end;align-items:center;display:inline-flex}.demo-cta{cursor:pointer;border:1px solid #0000;padding:8px 22px;font-size:14px;font-weight:500}.demo-center-section{padding:0}.demo-video-details h3{color:#000;margin-bottom:0;font-size:18px!important}.demo-other-label{margin-top:1px}.demo-selected-title{font-size:14px;font-weight:600}.demo-selected-desc{font-size:12px}}