body { font-family: Arial, sans-serif; margin:0; background:#f7f8fa; color:#222; }
header { background:#023e8a; color:white; padding:20px; text-align:center;}
nav ul{list-style:none;padding:0;margin:0}
nav li{display:inline-block;margin:0 10px}
nav a{color:white;text-decoration:none;font-weight:600}
.hero{padding:60px 20px;text-align:center;background:linear-gradient(135deg,#0077b6,#00b4d8);color:white}
.btn{display:inline-block;background:#023e8a;color:white;padding:10px 20px;border-radius:6px;text-decoration:none}
section{padding:30px}
.course-list li{margin:10px 0}
footer{background:#03045e;color:white;text-align:center;padding:15px 0;margin-top:40px}
table{width:100%;border-collapse:collapse;margin-top:20px}
th,td{border:1px solid #ddd;padding:10px}
th{background:#0077b6;color:white}
.success{color:green}.error{color:red}
.verify-result{padding:15px;border-radius:8px;margin-top:20px;background:#f7f7f7;border:2px solid #ccc}
.verify-result.success{border-color:#28a745;background:#e9f9ec}
.verify-result.error{border-color:#dc3545;background:#fdeaea}