body{margin:0;font-family:Arial,sans-serif;background:#eef6ff;display:flex;align-items:center;justify-content:center;min-height:100vh;color:#111}
.box{background:white;border-radius:24px;padding:40px;box-shadow:0 4px 16px #0002;text-align:center;max-width:700px}
h1{margin-top:0;font-size:42px;text-transform:lowercase}
p{font-size:20px}
.links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
a{display:block;text-decoration:none;color:white;border-radius:18px;padding:30px 20px;font-size:28px;font-weight:bold}
.sclera{background:#2f79b9}
.arasaac{background:#25b85f}
small{display:block;margin-top:10px;font-size:15px;font-weight:normal}
@media(max-width:700px){.links{grid-template-columns:1fr}.box{margin:18px;padding:26px}h1{font-size:34px}}