*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f4f1ff;color:#333}
header{background:#5b2c83;color:white;text-align:center;padding:42px 20px}
header h1{margin:0 0 12px;font-size:42px}
header p{margin:0;font-size:21px}
main{width:min(1100px,92%);margin:35px auto 60px}
section{background:#fff;border-radius:10px;padding:28px;margin-bottom:30px;box-shadow:0 3px 14px #00000012}
h2{color:#5b2c83;margin:0 0 20px;font-size:30px}
.profil p{font-size:18px;line-height:1.6;margin:0}
.table-wrapper{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:650px}
th{background:#5b2c83;color:#fff;padding:15px 12px;text-align:center}
td{border:1px solid #ccc;padding:14px 12px;text-align:center}
tbody tr:nth-child(even){background:#faf7ff}
tbody tr:hover{background:#eee5ff}
footer{background:#5b2c83;color:white;text-align:center;padding:18px}
@media(max-width:600px){header h1{font-size:30px}header p{font-size:18px}section{padding:20px 15px}}