body.admin-bar .site-header{top:32px}body.admin-bar .site-header-space{min-height:102px !important}body.single-post{padding-top:80px}ิbody.home .s-content-card{box-shadow:0 0 8px rgba(0, 0, 0, 0.2)}.site-header>.s-container{justify-content:space-between;max-width:1380px}.site-header>.s-container .nav-panel.-right{margin-left:unset}.site-header>.s-container .nav-panel .s-nav{gap:40px}.site-header>.s-container .nav-panel .s-nav li a{font-size:14px;position:relative;text-decoration:none}.site-header>.s-container .nav-panel .s-nav li a::before{content:"";position:absolute;bottom:36%;left:0;right:0;height:2px;background:white;transform:scaleX(0);transform-origin:center;transition:transform 0.4s}.site-header>.s-container .nav-panel .s-nav li a:hover::before{transform:scaleX(1)}.site-header>.s-container .nav-panel .s-nav li.current-menu-item>a::before,.site-header>.s-container .nav-panel .s-nav li.current-menu-parent>a::before{transform:scaleX(1)}.site-header>.s-container .nav-panel .s-nav li:hover>a::before{transform:scaleX(1)}.site-header>.s-container .button-section{display:flex;align-items:center;gap:16px}.site-header>.s-container .button-section figure{display:flex;height:44px;border-radius:60px;align-items:center}.site-header>.s-container .button-section .register img{height:36px}.slot-single-image>div{position:relative}.slot-single-image>div:before{opacity:0;content:"เข้าสู่ระบบ";display:flex;justify-content:center;align-items:center;background:linear-gradient(360deg, #91f27f, #00b302);color:#fff;font-weight:700;font-size:18px;padding:2px 6px;position:absolute;width:112px;height:40px;border-radius:8px;top:calc(50% - 20px);left:calc(50% - 56px);z-index:300;cursor:pointer}.slot-single-image>div:after{opacity:0;z-index:200;content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.8);transition:0.4s all;border-radius:8px}.slot-single-image>div:hover:before,.slot-single-image>div:hover:after{opacity:1}.slot-single-image>div img{border-radius:8px}.mobile-footer{position:fixed;bottom:0;width:100%;height:48px;z-index:300;box-shadow:0 -2px 10px rgba(0, 0, 0, 0.2)}.mobile-footer .footer-nav{display:flex;justify-content:space-around;align-items:center;height:100%;padding:0 10px;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(10px)}.mobile-footer .footer-nav .footer-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#ffffff;flex:1;padding:5px;transition:all 0.3s ease}.mobile-footer .footer-nav .footer-nav-item:last-child{border-right:none}.mobile-footer .footer-nav .footer-nav-item:active{transform:scale(0.95)}.mobile-footer .footer-nav .footer-nav-item.footer-register span{font-size:14px}.mobile-footer .footer-nav .footer-nav-item .footer-icon{width:56px;margin-bottom:-12px;margin-top:-32px}.mobile-footer .footer-nav .footer-nav-item .footer-icon.line-icon{filter:none}.mobile-footer .footer-nav .footer-nav-item .footer-icon.footer-register{width:72px;margin-top:-54px}.mobile-footer .footer-nav .footer-nav-item span{font-size:12px;font-weight:400;text-align:center;line-height:1.2}.single-content .button-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 0 48px 0;gap:24px}.single-content .button-section .btn{color:white;width:90%;border-radius:5px;transition:0.5s all;padding:0.7rem 2rem;display:block}.single-content .button-section .btn:hover{transform:scale(1.05)}.single-content .button-section .btn:active{transform:scale(1)}.single-content .button-section .animated-btn{background:linear-gradient(140deg, rgba(220, 57, 110, 0.1), #7d213e);color:#1b1b1b !important;display:inline-block;transform:translate(0%, 0%);overflow:hidden;text-align:center;border:0;text-transform:uppercase;text-decoration:none;-webkit-box-shadow:0 20px 50px rgba(0, 0, 0, 0.5);box-shadow:0 0 6px red;border-radius:5px;padding:5px 10px}.single-content .button-section .animated-btn span{position:absolute}.single-content .button-section .animated-btn span:nth-child(1){top:0;left:0;width:100%;height:2px;background:-webkit-gradient(linear, right top, left top, from(rgba(26, 43, 8, 0)), to(#ffffff));background:linear-gradient(to left, rgba(26, 43, 8, 0), #ffffff);-webkit-animation:2s animateTop linear infinite;animation:2s animateTop linear infinite}.single-content .button-section .animated-btn span:nth-child(2){top:0;right:0;height:100%;width:2px;background:-webkit-gradient(linear, left bottom, left top, from(rgba(26, 43, 8, 0)), to(#ffffff));background:linear-gradient(to top, rgba(26, 43, 8, 0), #ffffff);-webkit-animation:2s animateRight linear -1s infinite;animation:2s animateRight linear -1s infinite}.single-content .button-section .animated-btn span:nth-child(3){bottom:0;left:0;width:100%;height:2px;background:-webkit-gradient(linear, left top, right top, from(rgba(26, 43, 8, 0)), to(#ffffff));background:linear-gradient(to right, rgba(26, 43, 8, 0), #ffffff);-webkit-animation:2s animateBottom linear infinite;animation:2s animateBottom linear infinite}.single-content .button-section .animated-btn span:nth-child(4){top:0;left:0;height:100%;width:2px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(26, 43, 8, 0)), to(#ffffff));background:linear-gradient(to bottom, rgba(26, 43, 8, 0), #ffffff);-webkit-animation:2s animateLeft linear -1s infinite;animation:2s animateLeft linear -1s infinite}.single-content .button-section .btn-pink{background:#ff1772;color:#fff !important;-webkit-text-fill-color:#fff !important;border:1px solid #ffffff;border-radius:8px;padding:0.7rem 2rem;animation:neon-play 1.5s ease infinite;will-change:transform;transition:0.4s all}.single-content .button-section .btn-pink:active{background:linear-gradient(175.73deg, rgba(235, 49, 148, 0.8) 3.24%, rgba(244, 115, 151, 0.8) 96.33%)}.single-content .button-section .btn-sign-line{background:linear-gradient(#37cb63 0%, #1ea546 59.61%, #0c8932 100%);color:#fff !important;-webkit-text-fill-color:#fff !important;border:1px solid #24e25d;border-radius:8px;box-shadow:0px 0px 15px 2px #1dc750;transition:0.4s all}.single-content .button-section .btn-sign-line:active{background:linear-gradient(181.12deg, rgba(15, 160, 76, 0.8) 11.36%, rgba(45, 215, 161, 0.8) 122.21%)}.mobile-header-buttons{display:flex;gap:8px;width:100%;padding-right:40px}.mobile-header-buttons.button-section-2{margin-top:120px;padding-left:80px;padding-right:80px}.mobile-header-buttons.button-section-2 .mobile-header-btn{border-radius:8px;padding:8px 16px}.mobile-header-buttons .mobile-header-btn{padding:6px 16px 4px;border-radius:4px;width:50%;font-size:16px;font-weight:500;text-decoration:none;transition:all 0.3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px;color:#FFFFFF}.mobile-header-buttons .mobile-header-btn .btn-icon{width:24px;height:24px}.mobile-header-buttons .mobile-header-btn:hover{transform:scale(1.1)}.mobile-header-buttons .mobile-header-btn.login-btn .btn-icon{filter:brightness(0) invert(1);width:20px;height:20px}.mobile-header-buttons .mobile-header-btn.login-btn:active{transform:scale(0.95)}.mobile-header-buttons .mobile-header-btn.register-btn .btn-icon{filter:brightness(0) invert(1)}.mobile-header-buttons .mobile-header-btn.register-btn:active{transform:scale(0.95);background:#076e64}.percentage,.percentage-pg{animation:image_blur 5s;position:relative}.loading-msg{position:absolute;bottom:13px;right:3%;width:54%;height:30px;display:flex;justify-content:center;align-items:center;border-radius:20px;text-align:center;font-size:14px;font-weight:500;color:#ffffff;background:black;text-shadow:0 1px 3px rgba(0, 0, 0, 0.8)}.progress-container{background:white;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.3);position:absolute;bottom:13px;right:3%;width:54%;height:30px}.progress-bar{height:100%;display:flex;align-items:center;justify-content:center;transition:width 1s ease-out;border-radius:20px;position:relative;box-shadow:0 2px 8px rgba(0, 0, 0, 0.3)}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom, rgba(255, 255, 255, 0.3), transparent);border-radius:20px 20px 0 0}.progress-bar.bar-green{background:linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #16a34a 100%);box-shadow:0 0 15px rgba(34, 197, 94, 0.6)}.progress-bar.bar-blue{background:linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);box-shadow:0 0 15px rgba(59, 130, 246, 0.6)}.progress-bar.bar-yellow{background:linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);box-shadow:0 0 15px rgba(245, 158, 11, 0.6)}.progress-bar.bar-red{background:linear-gradient(135deg, #f87171 0%, #ef4444 50%, #dc2626 100%);box-shadow:0 0 15px rgba(239, 68, 68, 0.6)}.progress-text{position:relative;z-index:10;color:#ffffff;font-size:18px;font-weight:bold;text-shadow:0 2px 4px rgba(0, 0, 0, 0.5)}.loading{width:100%;position:relative;z-index:5;background-repeat:no-repeat;background-size:contain;background-position:center;animation:fade-out 5s}@media (min-width:1024px){html.logged-in{margin-top:0 !important}.site-header-space{min-height:70px !important}#masthead.site-header{background:#5aa8e6;background:-moz-linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5aa8e6",endColorstr="#ffffff",GradientType=1)}#masthead.site-header.active{background:var(--s-head-bg)}#masthead.site-header.active .s-nav li.current-menu-item{border-radius:0}}@media (max-width:1023px){.s-nav li{width:100%}.s-nav li a{text-align:center}}@media screen and (max-width:782px){body.admin-bar .site-header-space,body.home .site-header-space{min-height:150px !important}body.admin-bar.home .site-header-space{min-height:95px !important}body.home .site-header-space{min-height:49px !important}.site-header-space{min-height:104px !important}#masthead.site-header{background:#5aa8e6;background:-moz-linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5aa8e6", endColorstr="#ffffff", GradientType=1)}#masthead.site-header .nav-panel .s-nav li.current-menu-item{border-radius:8px}#masthead.site-header .nav-panel .s-nav li.current-menu-item a:before{display:none}#masthead.site-header .nav-panel .s-nav li a{padding-top:13px}.alignwide{padding-left:12px;padding-right:12px}.mobile-header-buttons{padding:8px 24px;justify-content:center}.mobile-header-buttons .mobile-header-btn{width:100% !important}.mobile-header-buttons.button-section-2{margin-top:80px}.loading-msg,.progress-container{bottom:8px;height:20px}}@media (max-width:430px){body.admin-bar{margin-top:-46px}body.admin-bar .site-header{top:46px !important}body.admin-bar .site-header.active{top:0 !important}.site-header>.s-container{justify-content:start;position:relative}body.modal-active .site-action .button-section{display:none}.mobile-header-buttons{padding:8px 0;justify-content:center}.mobile-header-buttons .mobile-header-btn{width:100%;padding:4px 12px 2px}body.single-post{padding-bottom:70px}body.home{padding-bottom:70px}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}.bounceIn{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.animated-button span{position:absolute}.animated-button span:nth-child(1){top:0;left:0;width:100%;height:2px;background:-webkit-gradient(linear, right top, left top, from(rgba(26, 43, 8, 0)), to(#ff0076));background:linear-gradient(to left, rgba(26, 43, 8, 0), #ff0076);-webkit-animation:2s animateTop linear infinite;animation:2s animateTop linear infinite}.shine figure{position:relative;overflow:hidden}.shine figure:before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}.shine figure:hover:before{-webkit-animation:shine 0.75s;animation:shine 0.75s}.shining figure{position:relative;overflow:hidden}.shining figure:before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);-webkit-animation:shine 4s infinite;animation:shine 2s linear infinite 2s}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 5%, 0);transform:translate3d(0, 5%, 0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes x-floating{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-30px) rotate(-1deg);transform:translateY(-30px) rotate(-1deg)}to{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}}@keyframes x-arrow-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(15px);transform:translateX(15px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-ripple-out{to{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes x-bg-1{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{-webkit-transform:translate(-30px, 15px) rotate(-1deg);transform:translate(-30px, 15px) rotate(-1deg)}to{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}@keyframes x-bg-2{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{-webkit-transform:translate(30px, -5px) rotate(-5deg);transform:translate(30px, -5px) rotate(-5deg)}to{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}@keyframes x-bg-3{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{-webkit-transform:translate(-30px, -15px) rotate(-1deg);transform:translate(-30px, -15px) rotate(-1deg)}to{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}@keyframes animateTop{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes animateRight{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes animateBottom{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes animateLeft{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes zoomInOut{0%{transform:scale(1, 1)}50%{transform:scale(1.1, 1.1)}100%{transform:scale(1, 1)}}@keyframes bannerMove{0%{transform:translate(0, 0)}100%{transform:translate(-3360px, 0)}}@keyframes shine{100%{left:125%}}@keyframes hamburger{0%{right:3px}50%{right:5px}100%{right:10px}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.slot-winrate-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;padding:20px 0}.slot-winrate-list .slot-winrate-item{position:relative}.slot-winrate-list .slot-winrate-item .slot-image{width:100%;max-height:120px;overflow:hidden}.slot-winrate-list .slot-winrate-item .slot-image img{transition:transform 0.3s ease;border-radius:12px}.slot-winrate-list .slot-winrate-item .slot-winrate .percentage{position:relative;margin:0}@media (max-width:782px){.slot-winrate-list{grid-template-columns:repeat(2, 1fr);gap:12px;padding:12px 0}.slot-winrate-list .slot-winrate-item{gap:8px}.slot-winrate-list .slot-winrate-item .slot-image{border-radius:8px}.slot-winrate-list .slot-winrate-item .loading-msg,.slot-winrate-list .slot-winrate-item .progress-container{bottom:16px}}.container{max-width:1200px;margin:0 auto;padding:0 15px}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col-md-6{flex:0 0 50%;max-width:50%;padding:0 15px}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%;padding:0 15px}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%;padding:0 15px}.col-12{flex:0 0 100%;max-width:100%;padding:0 15px}.offset-md-3{margin-left:25%}.text-center{text-align:center}.mt-5{margin-top:3rem}.mb-5{margin-bottom:3rem}.mb-3{margin-bottom:1rem}.mb-2{margin-bottom:0.5rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.d-none{display:none}.d-block{display:block}.form-group{margin-bottom:1.5rem}.form-control{display:block;width:100%;padding:0.75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:0.375rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 0.2rem rgba(0, 123, 255, 0.25)}select.form-control{cursor:pointer}label{display:inline-block;margin-bottom:0.5rem;font-weight:600}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;background-color:transparent;border:1px solid transparent;padding:0.75rem 1.5rem;font-size:1rem;line-height:1.5;border-radius:0.375rem;text-decoration:none;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.btn:hover{text-decoration:none}.btn:disabled{opacity:0.65;cursor:not-allowed}.btn.btn-block{display:block;width:100%}.btn.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn.btn-primary:hover{color:#fff;background-color:#0056b3;border-color:#005cbf}.btn.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn .spinner{width:16px;height:16px;border-width:2px;margin-right:0.5rem;display:none}.btn.loading .spinner{display:inline-block}.registration-wizard{max-width:600px;margin:80px auto 0;padding:2rem}.registration-wizard .wizard-header{text-align:center;margin-bottom:2rem}.registration-wizard .wizard-header h2{font-size:2rem;margin-bottom:1rem}.registration-wizard .wizard-progress{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;gap:20px}.registration-wizard .wizard-progress .step{width:40px;height:40px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#666;position:relative;transition:all 0.3s ease}.registration-wizard .wizard-progress .step.active{background:#007bff;color:white;transform:scale(1.1)}.registration-wizard .wizard-progress .step.completed{background:#28a745;color:white}.registration-wizard .wizard-progress .step.completed .num{display:none}.registration-wizard .wizard-progress .step.completed::before{content:"✓";font-size:18px;position:absolute}.registration-wizard .wizard-progress .step:not(:last-child)::after{content:"";position:absolute;left:100%;top:50%;width:20px;height:2px;background:#e0e0e0;transform:translateY(-50%);transition:background 0.3s ease}.registration-wizard .wizard-progress .step.completed:not(:last-child)::after{background:#28a745}.registration-wizard .wizard-step{display:none}.registration-wizard .wizard-step.active{display:block}.registration-wizard .form-group{margin-bottom:1.5rem}.registration-wizard .form-group label{display:block;margin-bottom:0.5rem;font-weight:600}.registration-wizard .form-group input,.registration-wizard .form-group select{width:100%;padding:0.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color 0.3s}.registration-wizard .form-group input:focus,.registration-wizard .form-group select:focus{outline:none;border-color:#007bff}.registration-wizard .form-group input.error,.registration-wizard .form-group select.error{border-color:#dc3545}.registration-wizard .form-group select{cursor:pointer}.registration-wizard .form-group select:disabled{background:#f8f9fa;cursor:not-allowed}.registration-wizard .wizard-actions{display:flex;justify-content:flex-end;margin-top:2rem;gap:1rem}.registration-wizard .wizard-actions #prev-btn:not([style*="display: none;"]){margin-right:auto}.registration-wizard .wizard-actions .btn{padding:0.75rem 2rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.3s}.registration-wizard .wizard-actions .btn.btn-primary{background:#007bff;color:white}.registration-wizard .wizard-actions .btn.btn-primary:hover{background:#0056b3}.registration-wizard .wizard-actions .btn.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.registration-wizard .wizard-actions .btn.btn-secondary{background:#6c757d;color:white}.registration-wizard .wizard-actions .btn.btn-secondary:hover{background:#545b62}.registration-wizard .error-message{color:#dc3545;font-size:0.875rem;margin-top:0.25rem;display:none}.registration-wizard .error-message.show{display:block}.registration-wizard .loading-spinner{display:none;text-align:center;padding:1rem}.registration-wizard .loading-spinner.show{display:block}.registration-wizard .loading-spinner .spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.registration-wizard~.text-center{margin-top:2rem !important;padding-top:1rem;border-top:1px solid #e0e0e0}.registration-wizard~.text-center p{margin-bottom:0;font-size:0.9rem;color:#666}.registration-wizard~.text-center a{color:#007bff;text-decoration:none;font-weight:500;transition:color 0.3s ease}.registration-wizard~.text-center a:hover{color:#0056b3;text-decoration:underline}.login-form{max-width:400px;margin:120px auto 0;padding:2rem}.login-form .form-header{text-align:center;margin-bottom:2rem}.login-form .form-header h2{font-size:2rem;margin-bottom:1rem}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-group label{display:block;margin-bottom:0.5rem;font-weight:600}.login-form .form-group input{width:100%;padding:0.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color 0.3s}.login-form .form-group input:focus{outline:none;border-color:#28a745}.login-form .form-group input.error{border-color:#dc3545}.login-form .form-check{display:flex;align-items:center;margin-bottom:1.5rem}.login-form .form-check input[type="checkbox"]{width:auto;margin-right:0.5rem}.login-form .form-check label{margin:0;font-weight:normal;cursor:pointer}.login-form .btn{width:100%;padding:0.75rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.3s;font-weight:600}.login-form .btn.btn-success{background:#28a745;color:white}.login-form .btn.btn-success:hover{background:#218838;transform:translateY(-2px)}.login-form .btn.btn-success:disabled{background:#6c757d;cursor:not-allowed;transform:none}.login-form .btn.btn-primary{background:#007bff;color:white}.login-form .btn.btn-primary:hover{background:#0056b3}.login-form .btn.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.login-form .form-links{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.login-form .form-links p{margin-bottom:0.75rem;font-size:0.9rem;color:#666}.login-form .form-links p:last-child{margin-bottom:0}.login-form .form-links a{color:#007bff;text-decoration:none;font-weight:500;transition:color 0.3s ease}.login-form .form-links a:hover{color:#0056b3;text-decoration:underline}.login-form .form-links a#forgot-password{color:#28a745;font-size:0.85rem}.login-form .form-links a#forgot-password:hover{color:#218838}.alert{padding:0.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:0.375rem}.alert.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.error-message{color:#dc3545;font-size:0.875rem;margin-top:0.25rem;display:block}.loading-spinner{display:none;text-align:center;padding:1rem}.loading-spinner.show{display:block}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-right:0.5rem}.loading-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-right:0.5rem;vertical-align:middle}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.modal{display:none;position:fixed;z-index:1050;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5)}.modal-dialog{position:relative;width:auto;margin:1.75rem auto;max-width:500px}.modal-content{background-color:#fff;border-radius:0.375rem;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);position:relative}.modal-header{padding:1rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;font-size:1.25rem}.modal-body{padding:1rem}.modal-footer{padding:1rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:0.5rem}.close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d}.close:hover{color:#000}@media (max-width:768px){.col-md-6,.col-md-4,.col-md-8{flex:0 0 100%;max-width:100%}.offset-md-3{margin-left:0}.wizard-steps{flex-direction:column}.wizard-step::after{display:none}.registration-wizard,.login-form{margin:8px 0 1rem;border-radius:0}.wizard-content,.login-form{padding:1rem}.container{padding:0 10px}}.bank-option{padding:0.5rem;border:1px solid #dee2e6;border-radius:0.375rem;margin-bottom:0.5rem;cursor:pointer;transition:all 0.15s ease-in-out}.bank-option:hover{background-color:#f8f9fa;border-color:#007bff}.bank-option.selected{background-color:#e3f2fd;border-color:#007bff}.bank-logo{width:30px;height:30px;margin-right:10px;vertical-align:middle}a{color:#007bff;text-decoration:none}a:hover{color:#0056b3;text-decoration:underline}.s-10 .s_social svg{width:10px;transition:0.4s ease-in-out}.s-10 .s_social svg:hover{transform:scale(1.1)}.s-20 .s_social svg{width:20px;transition:0.4s ease-in-out}.s-20 .s_social svg:hover{transform:scale(1.1)}.s-30 .s_social svg{width:30px;transition:0.4s ease-in-out}.s-30 .s_social svg:hover{transform:scale(1.1)}.s-40 .s_social svg{width:40px;transition:0.4s ease-in-out}.s-40 .s_social svg:hover{transform:scale(1.1)}.s-50 .s_social svg{width:50px;transition:0.4s ease-in-out}.s-50 .s_social svg:hover{transform:scale(1.1)}.s-60 .s_social svg{width:60px;transition:0.4s ease-in-out}.s-60 .s_social svg:hover{transform:scale(1.1)}.s-70 .s_social svg{width:70px;transition:0.4s ease-in-out}.s-70 .s_social svg:hover{transform:scale(1.1)}.s-80 .s_social svg{width:80px;transition:0.4s ease-in-out}.s-80 .s_social svg:hover{transform:scale(1.1)}.s-90 .s_social svg{width:90px;transition:0.4s ease-in-out}.s-90 .s_social svg:hover{transform:scale(1.1)}.s-100 .s_social svg{width:100px;transition:0.4s ease-in-out}.s-100 .s_social svg:hover{transform:scale(1.1)}.s-110 .s_social svg{width:110px;transition:0.4s ease-in-out}.s-110 .s_social svg:hover{transform:scale(1.1)}.s-120 .s_social svg{width:120px;transition:0.4s ease-in-out}.s-120 .s_social svg:hover{transform:scale(1.1)}.s-130 .s_social svg{width:130px;transition:0.4s ease-in-out}.s-130 .s_social svg:hover{transform:scale(1.1)}.s-140 .s_social svg{width:140px;transition:0.4s ease-in-out}.s-140 .s_social svg:hover{transform:scale(1.1)}.s-150 .s_social svg{width:150px;transition:0.4s ease-in-out}.s-150 .s_social svg:hover{transform:scale(1.1)}.s-160 .s_social svg{width:160px;transition:0.4s ease-in-out}.s-160 .s_social svg:hover{transform:scale(1.1)}.s-170 .s_social svg{width:170px;transition:0.4s ease-in-out}.s-170 .s_social svg:hover{transform:scale(1.1)}.s-180 .s_social svg{width:180px;transition:0.4s ease-in-out}.s-180 .s_social svg:hover{transform:scale(1.1)}.s-190 .s_social svg{width:190px;transition:0.4s ease-in-out}.s-190 .s_social svg:hover{transform:scale(1.1)}.s-200 .s_social svg{width:200px;transition:0.4s ease-in-out}.s-200 .s_social svg:hover{transform:scale(1.1)}