*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f4f7fc;color:#333;display:flex;justify-content:center;align-items:center;height:100vh;padding:120px}.container{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);width:100%;max-width:500px}.header{text-align:center;font-size:1.8rem;color:#10319d}.form-group,.header{margin-bottom:20px}label{display:block;font-size:1rem;font-weight:700;margin-bottom:5px}.input-field{width:100%;padding:10px;font-size:1rem;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9}.input-field:focus{border-color:#007bff;outline:none}button.submit-btn{width:45%;padding:12px;background-color:#566474;color:#fff;font-size:1.2rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button.submit-btn:hover{background-color:#295b04}button.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:red;font-size:.9rem;text-align:center;margin-bottom:15px}.timer-bar{width:100%;height:10px;background-color:#e0e0e0;margin-top:10px;border-radius:5px;overflow:hidden}.timer-bar-fill{height:100%;background-color:#4caf50;transition:width 1s linear}.refresh-btn{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.refresh-btn:disabled{background-color:#ccc;cursor:not-allowed}