.layout>.page-content{padding:0}.accounts{flex-grow:1;display:flex;flex-direction:column}.accounts form{flex-grow:1;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f5f5f5;background:linear-gradient(-135deg, #fff 0%, #e3e3e3 100%);position:relative;width:100%}.accounts .form-container{border-radius:40px;background:#fff;width:420px;padding:40px;box-shadow:0 0 25px rgba(2,2,38,0.05);margin:40px;position:relative}.accounts .form-container>.loading{border-radius:40px}.accounts .form-container a.back+h1{margin-top:10px}.accounts .form-container h1+p{margin-top:-15px;margin-bottom:15px}.accounts .form-container .row.checkbox label{padding:0}.accounts .form-container .passwordStrength{position:absolute;top:17px;right:12px}.accounts .form-container input.password-input{padding-right:100px}.accounts .form-container .g-recaptcha{position:relative;height:88px;margin-top:7px}.accounts .form-container .g-recaptcha>div{transform:scale(1.125) translateX(-50%);transform-origin:0 0;position:absolute;left:50%}.accounts .form-container .buttons{padding-top:15px}.accounts .form-container .button{width:100%}.accounts .form-container p.has-error{padding-top:20px;font-size:16px}.accounts .form-container hr{margin:20px 0}.accounts .form-tip{text-align:center;padding:35px;font-size:14px;color:#999}.accounts #success-container{margin-top:-15px;padding-top:20px;border-top:1px solid #CCC}.accounts #success-container h2{color:#999}.accounts #success-container .bottom{margin-top:20px;padding-top:20px;border-top:1px solid #CCC}.accounts .idp-cards{display:grid;gap:15px;margin-top:20px;max-height:400px;overflow-y:auto;padding:2px 10px 0 0}.accounts .idp-cards::-webkit-scrollbar{width:8px}.accounts .idp-cards::-webkit-scrollbar-track{background:#CCC;border-radius:4px}.accounts .idp-cards::-webkit-scrollbar-thumb{background:#7739f5;border-radius:4px}.accounts .idp-cards::-webkit-scrollbar-thumb:hover{background:#570cef}.accounts .idp-cards .idp-card{display:block;padding:20px;background:#fff;border:1px solid #CCC;border-radius:12px;text-decoration:none;color:#020226;transition:all 0.2s ease}.accounts .idp-cards .idp-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(2,2,38,0.1);border-color:#7739f5}@media screen and (min-width: 992px){.accounts .form-tip{position:absolute;bottom:0;left:0;right:0}.accounts .form-tip+.form-container{margin-bottom:100px}.accounts.img-left,.accounts.img-right{background:#f5f5f5;background:linear-gradient(-135deg, #fff 0%, #e3e3e3 100%);background-size:auto 100%;background-repeat:no-repeat;background-position-y:center}.accounts.img-left form,.accounts.img-right form{width:50%}.accounts.img-left{align-items:flex-end;background-position-x:calc(50% - 25vw)}.accounts.img-right{align-items:flex-start;background-position-x:calc(50% - 25vw)}}@media screen and (max-width: 992px){.accounts form{flex-direction:column-reverse}.accounts .form-container{margin:25px}.accounts .form-tip{padding:0 25px 25px}}@media screen and (max-width: 470px){.accounts .form-container{width:calc(414px - 50px)}.accounts .form-container .row.checkbox.space-between{flex-direction:column;align-items:flex-start}.accounts .form-container .row.checkbox.space-between label{margin-bottom:10px}.accounts .form-container .g-recaptcha{height:74px}.accounts .form-container .g-recaptcha>div{transform:scale(0.94) translateX(-50%)}}@media screen and (max-width: 413px){.accounts .form-container{width:calc(390px - 30px);margin-left:15px;margin-right:15px;padding:30px}.accounts .form-container .g-recaptcha{height:78px}.accounts .form-container .g-recaptcha>div{transform:scale(1) translateX(-50%)}}@media screen and (max-width: 389px){.accounts .form-container{width:calc(375px - 30px)}.accounts .form-container .g-recaptcha{height:74px}.accounts .form-container .g-recaptcha>div{transform:scale(0.94) translateX(-50%)}.accounts .form-tip{padding-left:15px;padding-right:15px}}@media screen and (max-width: 374px){.accounts .form-container{width:calc(320px - 20px);margin:15px 10px;padding:20px;border-radius:25px}.accounts .form-container .g-recaptcha{height:68px}.accounts .form-container .g-recaptcha>div{transform:scale(0.865) translateX(-50%)}.accounts .form-tip{padding-bottom:20px}}.term-container{padding:30px}
