*{box-sizing:border-box}
:root{--primary:#0b625b;--dark:#073f3b;--text:#172033;--muted:#667085;--bg:#f3f6f8}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
header{background:linear-gradient(135deg,var(--dark),var(--primary));color:white;text-align:center;padding:52px 20px}
header h1{margin:0;font-size:38px}header p{margin:10px 0 0}
main{max-width:1040px;margin:30px auto;padding:0 18px}
.intro,.admin,.card{background:white;border-radius:20px;box-shadow:0 12px 34px rgba(16,24,40,.08)}
.intro{padding:24px;text-align:center;margin-bottom:22px}.intro h2{color:var(--primary);margin:0 0 8px}
.intro p,.card p,.admin p{color:var(--muted);line-height:1.55}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{padding:26px;display:flex;flex-direction:column;min-height:300px}
.card h2{color:var(--primary);margin:0 0 10px}.card p{flex:1}
.icon{font-size:28px;margin-bottom:12px}.status{display:inline-block;background:#dcfce7;color:#166534;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:bold;width:max-content;margin-bottom:12px}
.btn{display:block;text-align:center;text-decoration:none;padding:13px 16px;border-radius:12px;background:var(--primary);color:white;font-weight:bold;margin-top:9px}
.btn.secondary{background:#e8ecef;color:var(--text)}
.admin{padding:20px;text-align:center;margin-top:22px}.admin h3{color:var(--primary);margin:0 0 8px}
.links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.links .btn{display:inline-block;min-width:190px}
footer{text-align:center;color:#667085;padding:30px 18px;font-size:12px}
@media(max-width:780px){.grid{grid-template-columns:1fr}.links .btn{width:100%}header h1{font-size:30px}}