:root{--light: #FFFFFF;--dark: #000000;--primary: gold;--secondary: #EF7711;--font-family: "Lobster Two", cursive;--text-lg: 30px;--text-md: 20px;--text-sm: 16px}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.account-details{margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:5px;max-width:600px;background-color:#f9f9f9}.account-details h1{font-size:24px;text-align:center;margin-bottom:20px}.account-details .form-group{margin-bottom:20px}.account-details label{display:block;font-weight:700;margin-bottom:10px}.account-details input[type=text],.account-details input[type=email],.account-details input[type=password],.account-details input[type=file]{width:200%;padding:12px;border:1px solid #ccc;border-radius:5px;transition:border-color .3s ease}.account-details button[type=submit]{display:block;width:50%;padding:12px;border:none;border-radius:5px;background-color:var(--dark);color:var(--primary);cursor:pointer}.account-details button[type=submit]:hover{background-color:var(--secondary)}@media screen and (max-width: 768px){.account-details input[type=text],.account-details input[type=email],.account-details input[type=password],.account-details input[type=file]{width:100%}}