/* Simple, clean one-page style for Capivara Mila */
:root{
  --bg:#fff6fb;
  --accent:#f6b1c9;
  --text:#2b2b2b;
  --muted:#6b6b6b;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;color:var(--text);background:var(--bg)}
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}
.mila{max-width:420px;width:80%;height:auto;display:block;margin:0 auto 18px;filter:drop-shadow(0 8px 18px rgba(0,0,0,0.12))}
.title{font-size:2.1rem;margin:6px 0 0;font-weight:700;letter-spacing:0.5px}
.subtitle{margin:6px 0 18px;color:var(--muted);font-size:1rem}
.buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.btn{background:linear-gradient(180deg,#ff92b2,#ff6f9e);color:white;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:600;box-shadow:0 6px 18px rgba(255,111,158,0.18)}
.btn-outline{background:transparent;color:var(--text);border:2px solid rgba(43,43,43,0.08);box-shadow:none}
.credits{margin-top:26px;font-size:0.9rem;color:var(--muted)}
a{color:inherit}
.sr-only{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

@media(min-width:900px){
  .mila{max-width:520px}
  .title{font-size:2.8rem}
  .subtitle{font-size:1.15rem}
}