html,body{margin:0;padding:0;height:100%;overflow-x:hidden}@media (max-width: 767px){html,body{height:100vh;height:calc(var(--vh, 1vh) * 100)}}body{font-family:Inter,sans-serif;background-color:#f4f4f4}.page-container{display:flex;height:100vh;width:100vw;justify-content:center;align-items:center;padding:1rem}.powered-by{font-size:.8rem;color:#aaa;margin-top:1rem;text-align:center}.card{background:#fff;padding:2rem;border-radius:.5rem;max-width:600px;width:100%;box-shadow:0 0 10px #0000001a;text-align:center}.card h2,.card h1,.card h3{color:#333}.card h2{font-size:1.8rem;font-weight:600}.card p{color:#555;margin-bottom:1rem}.card p a{color:#007bff;text-decoration:underline}.card .logo{width:280px}.card .error{opacity:1;transition:opacity 1s ease-in-out,height .5s ease-in-out;color:#dc3545;font-size:.9rem;margin-bottom:1rem;height:auto;overflow:hidden}.error-message{opacity:1;transition:opacity .5s ease-in-out,height .5s ease-in-out;color:#dc3545;font-size:.9rem;margin-bottom:1rem;height:auto;overflow:hidden}.error-message.hidden{opacity:0;height:0;margin:0;pointer-events:none}.card input{width:100%!important;padding:.5rem}.card button{width:100%;padding:.75rem;margin-bottom:.5rem;border:none;border-radius:.25rem;cursor:pointer}.card .btn-primary{background-color:#007bff;color:#fff}.card .btn-secondary{background-color:#28a745;color:#fff}.card .btn-danger{background-color:#dc3545;color:#fff}.card .btn-link{background:transparent;color:#007bff;text-decoration:underline}.form-container{margin:0 auto;background-color:#f0f0f0ed;padding:.25rem 0;border-radius:.5rem;position:relative}@media (max-width: 767px){.MuiContainer-root{padding-left:8px!important;padding-right:8px!important}.form-container{-webkit-overflow-scrolling:touch;padding-bottom:20px;width:100%;margin:0 auto}}@media (min-width: 768px){.form-container{padding:2rem}}.form-container .step-box{background-color:#fff;padding:.8rem .5rem .5rem;border-radius:.5rem;margin-bottom:.5rem;box-shadow:0 0 10px #0000001a;transition:all .3s ease;animation:fadeIn .5s}.form-container .step-intro{padding:.5rem;transition:all .3s ease;animation:fadeIn .5s}@media (min-width: 768px){.form-container .step-box{padding:1rem;margin-bottom:1rem}.form-container .step-intro{padding:1rem}}.MuiButton-containedPrimary:hover{background-color:#023455;color:#fff}.MuiButton-containedSecondary:hover{background-color:#fff;color:#023455}
