.form-section{background:radial-gradient(circle,#fff,#f5f5e6);padding:3rem}.user-profile{text-align:center;font-weight:600;font-size:2rem}form{max-width:31.25rem;margin:1.25rem auto;padding:1.25rem;border:.0625rem solid #ccc;border-radius:.5rem;background-color:#f9f9f9;box-shadow:0 .25rem .375rem rgba(0,0,0,.1)}form div{margin-bottom:.9375rem}form label{display:block;font-size:.875rem;font-weight:700;margin-bottom:.3125rem;color:#333}form input[type=text]{width:100%;padding:.5rem;font-size:.875rem;border:.0625rem solid #ccc;border-radius:.25rem;box-sizing:border-box;outline:none;transition:border-color .3s ease}form input[type=text]:focus{border-color:rgba(82,189,148,.8)}form button[type=submit]{display:inline-block;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;color:#fff;background-color:#166265;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .3s ease}form button[type=submit]:hover{background-color:rgba(82,189,148,.8);color:#000}@media (max-width:500px){form{margin:1.25rem 1rem}}