body,html{min-height:100vh;overflow-x:hidden;margin:0;padding:0}body.card-mode main{max-width:1023px}#logo{background-repeat:no-repeat;background-position:center center;background-size:contain;height:30px;margin-bottom:40px}body.card-mode #logo{margin-top:20px;margin-bottom:20px}.fixed-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,var(--green-light) 0%,var(--green-blend) 100%);z-index:-1;pointer-events:none}#card-form{max-width:360px}.login-card{background:var(--white-trans);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:0;border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,.05)}body .login-card{padding:50px 20px}.input-group-text{background-color:transparent;border-right:0;color:var(--green-dark)}.form-control{border-left:0}.form-control:focus{border-color:var(--green-dark);box-shadow:none}.input-group:focus-within .input-group-text,.input-group:focus-within .form-control{border-color:var(--green-dark)}.btn-custom{background-color:var(--green-dark);color:var(--white-text);transition:all .3s ease}.btn-custom:hover{background-color:var(--green-dark);color:var(--white-trans);transform:translateY(-2px)}.card-mock{min-width:320px;max-width:400px;min-height:270px;border-radius:15px;background-position:center center;background-repeat:no-repeat;color:#fff;padding:20px;margin:auto;background-size:contain}.border.shadow{box-shadow:.1rem .1rem .4rem rgba(0,0,0,.45)!important;border-color:#777!important}.card-number{letter-spacing:2px;font-size:1.2rem}@media(min-width:992px){body.login-mode{height:100vh;display:flex;flex-direction:column;justify-content:center}body.card-mode{margin-bottom:30px;margin-top:30px}}@media(max-width:991.98px){body.card-mode .main-wrapper{padding-top:20px;padding-bottom:40px}}:root{--green-light:#f7f7f7;--green-blend:#f7f7f7;--white-trans:rgba(255,255,255,.9);--green-dark:#ed1c24;--white-text:#fff}body,html{font-family:'Inter',sans-serif;font-weight:300;color:#222}strong,.fw-bold{font-family:'Manrope',sans-serif;font-weight:800!important}#logo{background-image:url('../img/rocallisa-logo.png')}#sxblock div{margin-left:50px;margin-right:50px;background-repeat:no-repeat;background-position:center center;background-size:contain;display:block;height:80vh;background-image:url('../img/rocallisa-illustration.png')}