#login .card,#register .card{background:#1f2633!important;border-radius:1rem;padding:4em;max-width:500px;margin:0 auto}#login .card input,#register .card input{background:#191e29;border:3px solid #2f384c;border-radius:12px!important}#login .card .modal-body .form-group,#register .card .modal-body .form-group{margin-bottom:1.5em}#login .card .error,#register .card .error{text-align:center;font-size:1.2em;color:red!important;text-transform:uppercase}#login .card .title-box,#register .card .title-box{text-align:center}#login .card .title-box h1,#register .card .title-box h1{text-align:center;font-size:3.5em;font-weight:500;color:#fff}#login .card .title-box .subtitle,#register .card .title-box .subtitle{text-align:center;margin:.5em 0 2em;font-size:1.2em;color:#95acc5}#login .card .title-box .subtitle span,#register .card .title-box .subtitle span{color:#00bcf7;cursor:pointer}#login .card .form-group,#register .card .form-group{margin-bottom:1.5em}#login .card .form-group .form-control,#register .card .form-group .form-control{color:#60759f!important}#login .card .form-group .form-control::-moz-placeholder,#register .card .form-group .form-control::-moz-placeholder{color:#60759f!important}#login .card .form-group .form-control::placeholder,#register .card .form-group .form-control::placeholder{color:#60759f!important}#login .card .form-group label,#register .card .form-group label{color:#95acda;margin-bottom:.7em}#login .login-buttons,#register .login-buttons{margin:0 auto}#login .login-buttons .btn,#register .login-buttons .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1.2rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:.5rem;text-decoration:none;cursor:pointer;transition:background-color .2s;width:100%;margin-bottom:1em;text-transform:none}#login .login-buttons .btn__icon svg,#register .login-buttons .btn__icon svg{width:1.25rem;height:1.25rem;fill:currentColor}#login .login-buttons .btn--google,#register .login-buttons .btn--google{background-color:#4285f4!important}#login .login-buttons .btn--google:hover,#register .login-buttons .btn--google:hover{background-color:#3367d6!important}#login .login-buttons .btn--facebook,#register .login-buttons .btn--facebook{background-color:#1877f2!important}#login .login-buttons .btn--facebook:hover,#register .login-buttons .btn--facebook:hover{background-color:#155db8!important}#login .login-buttons .btn--steam,#register .login-buttons .btn--steam{background-color:#171a21!important}#login .login-buttons .btn--steam:hover,#register .login-buttons .btn--steam:hover{background-color:#0e1013!important}#login .login-buttons .btn--discord,#register .login-buttons .btn--discord{background-color:#171a21!important}#login .login-buttons .btn--discord:hover,#register .login-buttons .btn--discord:hover{background-color:#0e1013!important}#login .title,#register .title{color:#fff;position:relative;border-top:1px solid #262e3f;margin-top:2em;text-align:center}#login .title span,#register .title span{position:relative;top:-12px;background:#1f2633;padding:0 1em}#login .btn,#register .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1.3rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:.5rem;text-decoration:none;cursor:pointer;transition:background-color .2s;width:100%;margin-bottom:2em;text-transform:none}#login .btn.btn-login,#register .btn.btn-login{background-color:#00bcf7}@media (max-width:576.98px){header{padding:0 0 .5em;justify-content:center}.steps-layout>main{padding:0}#login .card,#register .card{padding:2em 1em}#login .card .title-box .subtitle,#register .card .title-box .subtitle{margin:.3em 0 .5em}#login .card .form-group,#register .card .form-group{margin-bottom:.5em!important}#login .login-buttons .btn,#register .login-buttons .btn{margin-bottom:0;margin-top:.5em}#loginBtn,.honour-partner-login{margin-bottom:0!important}footer{display:none}}