.walkthrough-slide{text-align:center;color:#1f2937;flex-direction:column;align-items:center;height:100%;padding:20px;display:flex}.walkthrough-slide .slide-title{margin-bottom:5px;font-size:24px;font-weight:800}.walkthrough-slide .slide-desc{margin-bottom:20px;font-size:14px;line-height:1.5}.walkthrough-slide .center-circle-container{justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.walkthrough-slide .center-circle-container .floating-icon{z-index:1;color:#7c37fa;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;box-shadow:0 4px 10px #0000000d}.walkthrough-slide .center-circle-container .floating-icon.icon-tl{top:20px;left:20px}.walkthrough-slide .center-circle-container .floating-icon.icon-tr{top:20px;right:20px}.walkthrough-slide .center-circle-container .floating-icon.icon-bl{bottom:20px;left:20px}.walkthrough-slide .center-circle-container .floating-icon.icon-br{bottom:20px;right:20px}.walkthrough-slide .timeline-line{z-index:0;background:linear-gradient(#7c37fa,#f06);width:2px;position:absolute;top:50px;bottom:50px;left:31px}.walkthrough-slide .step-wrapper{z-index:1;position:relative}.walkthrough-slide .step-wrapper .step-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.walkthrough-slide .icon-item-rounded{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.walkthrough-container{max-width:500px;margin:0 auto}.walkthrough-container .language-switcher{background:#fff;border-radius:30px;margin-bottom:20px;padding:4px;display:inline-flex;box-shadow:0 2px 10px #0000000d}.walkthrough-container .language-switcher button.active{color:#fff;background:#7c37fa}.walkthrough-container .custom-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.walkthrough-container .custom-dots .dot{background:#d1d5db;border-radius:4px;height:8px;transition:all .3s}.walkthrough-slide{text-align:center;color:#1f2937;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;animation:.5s ease-in-out fadeIn;display:flex}.walkthrough-slide .slide-title{color:#111827;margin-bottom:5px;font-size:24px;font-weight:800}.walkthrough-slide .slide-subtitle{color:#7c37fa;margin-bottom:15px;font-size:18px;font-weight:600}.walkthrough-slide .slide-desc{max-width:320px;margin-bottom:20px;font-size:14px;line-height:1.5}.walkthrough-slide .center-circle-container{justify-content:center;align-items:center;width:220px;height:220px;margin-bottom:20px;display:flex;position:relative}.walkthrough-slide .center-circle-container .circle-bg{z-index:2;background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;box-shadow:0 10px 25px #7c37fa26}.walkthrough-slide .center-circle-container .circle-bg img{animation:3s ease-in-out infinite pulse-slow}.walkthrough-slide .center-circle-container .floating-icon{z-index:3;color:#7c37fa;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;animation:4s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 8px 15px #00000014}.walkthrough-slide .center-circle-container .floating-icon.icon-tl{animation-delay:0s;top:10%;left:10%}.walkthrough-slide .center-circle-container .floating-icon.icon-tr{animation-delay:1s;top:10%;right:10%}.walkthrough-slide .center-circle-container .floating-icon.icon-bl{animation-delay:2s;bottom:10%;left:10%}.walkthrough-slide .center-circle-container .floating-icon.icon-br{animation-delay:3s;bottom:10%;right:10%}.walkthrough-slide .timeline-line{z-index:0;opacity:.3;background:linear-gradient(#7c37fa,#f06);width:2px;position:absolute;top:40px;bottom:40px;left:31px}.walkthrough-slide .step-wrapper{z-index:1;transition:transform .3s;position:relative}.walkthrough-slide .step-wrapper:hover{transform:translate(5px)}.walkthrough-slide .step-wrapper .step-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex;box-shadow:0 4px 8px #0000001a}.walkthrough-container{flex-direction:column;max-width:500px;height:100%;margin:0 auto;display:flex}.walkthrough-container .slides-container{flex:1;align-items:center;min-height:450px;display:flex}.walkthrough-container .language-switcher{backdrop-filter:blur(4px);background:#fffc;border:1px solid #7c37fa1a;border-radius:30px;padding:4px;display:inline-flex;box-shadow:0 4px 15px #0000000d}.walkthrough-container .language-switcher button{border:none;border-radius:25px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.walkthrough-container .language-switcher button.active{color:#fff;background:#7c37fa;box-shadow:0 4px 10px #7c37fa4d}.walkthrough-container .language-switcher button.inactive{color:#6b7280;background:0 0}.walkthrough-container .language-switcher button.inactive:hover{color:#7c37fa}.walkthrough-container .custom-dots{justify-content:center;gap:8px;margin:20px 0;display:flex}.walkthrough-container .custom-dots .dot{cursor:pointer;background:#e5e7eb;border-radius:3px;height:6px;transition:all .4s cubic-bezier(.4,0,.2,1)}.walkthrough-container .custom-dots .dot.active{background:#7c37fa;width:24px}.walkthrough-container .custom-dots .dot.inactive{width:6px}.walkthrough-container .custom-dots .dot.inactive:hover{background:#d1d5db}.walkthrough-container .nav-arrow{z-index:20;color:#7c37fa;cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 20px #0000001a}.walkthrough-container .nav-arrow:hover{background:#f9fafb;transform:translateY(-50%)scale(1.1);box-shadow:0 10px 25px #00000026}.walkthrough-container .nav-arrow.left-arrow{left:10px}.walkthrough-container .nav-arrow.right-arrow{right:10px}.walkthrough-container .action-button-gradient{background:linear-gradient(135deg,#7c37fa,#f06);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 20px #f063;color:#fff!important}.walkthrough-container .action-button-gradient:hover{transform:translateY(-2px);box-shadow:0 12px 25px #ff00664d}.walkthrough-container .action-button-gradient:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-slow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:991px){.mobile-hidden{display:none!important}.mobile-visible{flex-direction:column;animation:.4s ease-out slideInRight;width:100%!important;display:flex!important}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.walkthrough-column,.login-column{padding:20px 0;overflow:hidden;width:100%!important;height:100dvh!important;min-height:100dvh!important}.walkthrough-container{justify-content:space-between;padding:0 15px 30px}.walkthrough-container .slides-container{min-height:unset;height:60vh}.walkthrough-slide{padding:0}.walkthrough-slide .slide-title{font-size:22px}.walkthrough-slide .slide-subtitle{font-size:16px}.walkthrough-slide .slide-desc{margin-bottom:15px;font-size:13px}.walkthrough-slide .center-circle-container{width:160px;height:160px}.walkthrough-slide .center-circle-container .circle-bg{width:90px;height:90px}.walkthrough-slide .center-circle-container .floating-icon{width:34px;height:34px;font-size:14px}.walkthrough-slide .step-wrapper{margin-bottom:12px!important;padding:12px!important}.walkthrough-slide .step-wrapper .step-circle{width:28px;height:28px}}