*{box-sizing:border-box}header{text-align:center;color:#fff;background-color:#4e0576;width:100%;margin-bottom:2rem;padding:20px}header li{margin-bottom:10px;list-style-type:none}header a{color:#fff}nav{flex-direction:row;justify-content:center;gap:15px;display:flex}body{background-color:#f4f7f6;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}.auth-container{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:2rem;box-shadow:0 4px 15px #0000001a}.auth-box h2{text-align:center;margin-bottom:1.5rem}.input-group{margin-bottom:1rem}.input-group label{color:#666;margin-bottom:.5rem;font-size:.9rem;display:block}.input-group input{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px}button{cursor:pointer;border:none;border-radius:4px;width:100%;padding:12px;font-size:1rem}.btn-primary{color:#fff;background-color:#770bb1}.btn-secondary{color:#fff;background-color:#007bff}hr{border:0;border-top:1px solid #eee;margin:2rem 0}#reg-message,#login-message{text-align:center;margin-top:10px;font-size:1rem}