/* General Styles */
body{font-family:Arial,Helvetica,sans-serif;margin:40px;background:#f7f7f7;color:#222}
h1{text-align:center;margin-bottom:40px}
ul{list-style:none;padding:0;text-align:center}
.btn{display:inline-block;padding:12px 24px;background:#007bff;color:#fff;border-radius:4px;text-decoration:none;margin:8px;transition:background .2s}
.btn:hover{background:#0056b3}

/* Form Styles */
form{max-width:600px;margin:0 auto;background:#fff;padding:30px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
label{display:block;margin:12px 0 4px;font-weight:600}
input[type=text],input[type=number],input[type=date],textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}
.submit-btn{background:#28a745;color:#fff;padding:12px 24px;border:none;border-radius:4px;margin-top:20px;cursor:pointer}
.submit-btn:hover{background:#218838}

/* Certificate Styles */
.generate-btn{background:#17a2b8;color:#fff;padding:10px 20px;border:none;border-radius:4px;margin-bottom:20px;cursor:pointer}
.generate-btn:hover{background:#138496}
.certificate{background:#fff;max-width:800px;margin:0 auto;padding:40px;border:1px solid #000;line-height:1.6;position:relative}
.certificate header{text-align:center;margin-bottom:20px}
.certificate footer{text-align:right;margin-top:40px}