body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f7f7f7;color:#2e2f42;padding:40px;display:flex;flex-direction:column;align-items:center}input,button{font-size:16px;padding:8px 12px;margin:10px;border-radius:4px;border:1px solid #bdbdbd}button{cursor:pointer;background-color:#4e75ff;color:#fff;border:none;transition:background-color .25s ease}button:disabled{background-color:#9fa8da;cursor:not-allowed}button:hover:not(:disabled){background-color:#2c52d2}.timer{display:flex;gap:20px;margin-top:20px}.field{display:flex;flex-direction:column;align-items:center}.value{font-size:40px;font-weight:700}.label{font-size:14px;color:#757575}.form{display:flex;flex-direction:column;gap:16px;max-width:300px;margin-top:40px}.form label,fieldset{display:flex;flex-direction:column;font-size:16px}fieldset{border:1px solid #bdbdbd;border-radius:4px;padding:10px}legend{font-weight:700}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f7f7f7;color:#2e2f42;height:100vh;margin:0;display:flex;justify-content:center;align-items:center}.form{background-color:#fff;padding:30px 40px;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:20px;width:300px}.form label{font-size:16px;display:flex;flex-direction:column;gap:6px}input[type=number]{padding:8px;font-size:16px;border:1px solid #bdbdbd;border-radius:6px}fieldset{border:1px solid #c2c2c2;border-radius:6px;padding:10px 15px}legend{font-weight:700;font-size:16px}fieldset label{display:flex;align-items:center;gap:8px;font-size:15px;margin-top:5px}button[type=submit]{background-color:#4e75ff;color:#fff;font-size:16px;padding:10px;border:none;border-radius:6px;cursor:pointer;transition:background-color .25s ease}button[type=submit]:hover{background-color:#2c52d2}