body:has(.login-connect-container){min-height:100vh;background-color:var(--color-gray)}body:has(.login-connect-container) .main-content{margin:0!important;padding:0!important}body:has(.login-connect-container) .content-area{margin:0!important}.login-connect-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:20px;padding-bottom:20px;min-height:100vh;--col1-width:500px;padding-left:0!important}.login-connect-container .content{width:100%;padding-left:20px;padding-right:20px;max-width:1300px;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.login-connect-container .col1,.login-connect-container .col2{border-radius:20px}.login-connect-container .col1{background-color:white;position:relative;padding:32px 40px 40px;width:var(--col1-width);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:500px;max-height:90vh;overflow-y:auto}.login-connect-container .logo-holder{height:60px;min-height:60px;width:60px;display:block;border-radius:50%;position:relative;overflow:hidden;margin-right:auto;border:1.2px solid black}.login-connect-container .logo{height:64px;width:64px;object-fit:contain;position:absolute;margin:auto;display:block;left:-4px;right:-3px;top:-3px;bottom:-3px}.login-connect-container .main-title{font-optical-sizing:auto;font-style:normal;font-size:42px;line-height:1.4;letter-spacing:2px;font-weight:700;text-align:center;color:black;margin:30px 0 10px;display:none}.login-connect-container .main-title.show{display:block}.login-connect-container .text-description{text-align:center;margin-bottom:15px;max-width:340px;color:var(--color-blue-dark);font-size:16px}.login-connect-container .text-description.step-4{max-width:500px}.login-connect-container .btn{--main-btn-color:black;--main-btn-sec-color:white;border-radius:1000px;height:52px;background-color:var(--main-btn-color);color:var(--main-btn-sec-color);display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-weight:600;font-size:16px;transition:all .3s;border:1.2px solid var(--main-btn-color);margin-bottom:12px;line-height:1;padding:5px 24px}.login-connect-container .btn i{line-height:1;border-radius:50%;padding:6px;display:block;transition:all .3s}.login-connect-container .btn i,.login-connect-container .btn:hover{background-color:var(--main-btn-sec-color);color:var(--main-btn-color)}.login-connect-container .btn:hover i{color:var(--main-btn-sec-color);background-color:var(--main-btn-color)}.login-connect-container .step-box{border-top:1.2px solid #e0e0e0;margin-top:25px;width:100%;max-width:340px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding-top:15px;display:none}.login-connect-container .step-box.show{display:flex}.login-connect-container.loading .step-box{cursor:not-allowed}.login-connect-container .step-box .step-text{font-weight:600;text-align:center;max-width:340px;margin-bottom:30px;color:var(--color-blue-dark);font-size:15px}.login-connect-container .step-box .connected-text{font-weight:700;text-align:center;max-width:340px;margin-bottom:10px;margin-top:10px;font-size:22px;color:black}.login-connect-container .step-box .step-text a{opacity:.6}.login-connect-container .step-box .step-text a:hover{opacity:1}.login-connect-container .step-box.legal .btn{justify-content:space-between;padding-left:20px;padding-right:10px;--main-btn-color:var(--color-blue-deep);--main-btn-sec-color:white}.login-connect-container .step-box.legal .btn-disconnect{justify-content:space-between;padding-left:20px;padding-right:10px;--main-btn-color:#dc3545;--main-btn-sec-color:white;margin-top:12px}.login-connect-container .step-box.wallets .btn-wallet{justify-content:space-between;padding-left:20px;padding-right:10px;--main-btn-color:black;--main-btn-sec-color:white;font-weight:700}.login-connect-container .step-box.step-1{min-height:250px}.login-connect-container .loader-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00000036;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;display:none;border-radius:20px;gap:25px}.login-connect-container.loading .loader-container{display:flex}.login-connect-container .dot{background-color:var(--color-blue-deep);width:10px;height:10px;border-radius:50%;transition:all .1s}.login-connect-container .dot:first-child{animation:wave 2s ease-in-out infinite}.login-connect-container .dot:nth-child(2){animation:wave 2s ease-in-out .2s infinite}.login-connect-container .dot:nth-child(3){animation:wave 2s ease-in-out .4s infinite}@keyframes wave{0%,to{transform:scale(.5)}50%{transform:scale(1.5)}}.login-connect-container .col2{width:calc(100% - 80px - var(--col1-width));overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;padding:40px 40px 80px;margin-left:80px}.login-connect-container .col2 .main-banner{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;object-fit:cover}.login-connect-container .col2:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-color:rgba(47,47,47,.4)}.login-connect-container .col2 .text-holder{position:relative;z-index:3;max-width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-connect-container .col2 .text-holder .title{font-optical-sizing:auto;font-style:normal;font-size:55px;line-height:1.4;letter-spacing:2px;font-weight:400;margin-top:8px;margin-left:2px;text-align:center;color:white}.login-connect-container .col2 .text-holder .text{font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"slnt" 0;line-height:1.2;margin-bottom:6px;display:block;font-family:Graphik,sans-serif;color:white;font-size:25px!important;text-align:center;max-width:450px}.login-connect-container .col2 .links-holder{position:absolute;z-index:3;padding:40px;bottom:0;left:0;display:flex;gap:20px}.login-connect-container .col2 .links-holder .link{color:white}.login-connect-container .col2 .links-holder .link:hover{opacity:.8}@media screen and (max-width:1100px){:root{--col1-width:400px}.login-connect-container .col2{width:calc(100% - 20px - var(--col1-width));margin-left:20px}}@media screen and (max-width:900px){.login-connect-container{min-height:auto}.login-connect-container .content{flex-direction:column;max-width:500px;flex-wrap:wrap}.login-connect-container .col1{width:100%;margin-top:40px}.login-connect-container .col2{width:100%;margin-left:0;padding-right:0;padding-left:0}.login-connect-container .col2 .main-banner,.login-connect-container .col2 .text-holder,.login-connect-container .col2:after{display:none}.login-connect-container .col2 .links-holder{position:relative;padding:0}.login-connect-container .col2 .links-holder .link{color:var(--color-blue-deep)}}@media screen and (max-width:400px){.login-connect-container .col1{padding-left:20px;padding-right:20px}}.step-box.questions{padding:30px;max-width:100%!important}.questions-container{width:100%;max-width:900px}.question-block{margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:8px;width:100%}.question-text{font-weight:600;color:#333;margin-bottom:12px;font-size:14px}.form-check{margin-bottom:10px;padding-left:25px}.form-check-input{margin-top:.3em;cursor:pointer}.form-check-label{margin-left:8px;cursor:pointer;color:#555;font-size:14px}.form-check-input.is-invalid{border-color:#dc3545}.text-danger{color:#dc3545;font-size:13px}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.alert{padding:12px 20px;border-radius:6px;margin-bottom:20px;font-size:14px}.alert-danger{background-color:#f8d7da;border:1px solid #f5c2c7;color:#842029}.w-100{width:100%}.text-description.step-2,.text-description.step-3,.text-description.step-4{display:none}.text-description.step-2.show,.text-description.step-3.show,.text-description.step-4.show{display:block}.wallet-alert{display:none;background:linear-gradient(135deg,var(--color-blue-deep) 0,var(--color-blue-dark) 100%);border-radius:12px;padding:20px;margin-top:20px;margin-bottom:10px;box-shadow:0 4px 20px rgba(19,66,123,.3);max-width:340px;width:100%}.wallet-alert.step-3.show{display:flex;align-items:center;gap:15px}.wallet-alert-icon{background:rgba(255,255,255,.2);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wallet-alert-icon i{font-size:24px;color:white}.wallet-alert-content{flex:1 1;display:flex;flex-direction:column;gap:5px}.wallet-alert-label{font-size:12px;font-weight:600;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.5px}.wallet-alert-address{font-size:18px;font-weight:700;color:white;font-family:Courier New,monospace;letter-spacing:.5px}.main-title.step-2,.main-title.step-3,.main-title.step-4{display:none}.main-title.step-2.show,.main-title.step-3.show,.main-title.step-4.show{display:block}.login-connect-container:has(.step-4.show) .col2{display:none}.login-connect-container:has(.step-4.show) .col1{width:100%!important;max-width:100%!important;max-height:none!important;padding:60px 80px!important}.login-connect-container:has(.step-4.show) .content{max-width:100%}@media screen and (max-width:900px){.login-connect-container:has(.step-4.show) .col1{max-width:100%;padding:40px!important}}@media screen and (max-width:400px){.login-connect-container:has(.step-4.show) .col1{padding:20px!important}}