.container{display:flex;flex-wrap:wrap;justify-content:space-around;max-width:800px;margin:auto}.col-6{flex-basis:calc(50% - 20px);box-sizing:border-box;margin:10px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.card{font-size:16px;color:#333}form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1);max-width:500px;width:100%;text-align:left;box-sizing:border-box;margin:20px}.error-message,.info-message{margin-bottom:20px;font-size:14px;font-weight:700}.error-message{color:red}.info-message{color:#3498db}label{display:block;margin-top:10px;margin-bottom:5px;font-weight:700}input{width:100%;padding:12px;margin-bottom:15px;box-sizing:border-box;border:1px solid #3498db;border-radius:6px;outline:0;transition:border-color .3s ease}input:focus{border-color:#2980b9}button{background-color:#2ecc71;color:#fff;padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:100%}button:hover{background-color:#27ae60}@media (max-width:768px){.col-6{flex-basis:calc(100% - 20px)}form{margin:10px}}