body{box-sizing:border-box;margin:0;width:100vw;height:100vh;background-image:linear-gradient(to right,#434343,#000)}.registration-card{width:34vw;max-width:28rem;margin:0 auto;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:8vw}@media only screen and (max-width: 600px){.registration-card{width:80vw}}.card-header{padding:1.5rem}.card-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.card-description{color:#4a5568;font-size:.875rem}.card-content{padding:1.5rem}.registration-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#4a5568}.form-group input{width:90%;padding:.5rem;border:1px solid #e2e8f0;border-radius:.25rem;font-size:1rem}.form-group input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e180}.error-message{font-size:.75rem;color:#e53e3e;margin-top:.25rem}.card-footer{padding:1.5rem}.submit-button{width:98%;box-sizing:border-box;padding:.5rem 1rem;background-color:#4299e1;color:#fff;font-size:1rem;font-weight:500;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease-in-out}.submit-button:hover{background-color:#3182ce}.submit-button:focus{outline:none;box-shadow:0 0 0 3px #4299e180}