:root{--taco-green:#2ecc71;}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; min-height:100%; display:flex; align-items:center; justify-content:center;
  background:#0b0f14; color:#e8eef7; font-family:'Inter',system-ui,sans-serif; text-align:center;
}
.card{
  width:min(720px,92vw); padding:32px 28px;
  background:#0f1520; border:1px solid #1f2a38; border-radius:16px;
  box-shadow:0 18px 45px rgba(0,0,0,.45);
}
.taco{width:160px; height:auto; display:block; margin:0 auto 16px auto}
h1{font-size:1.4rem; margin:0 0 12px 0}
p{margin:0 0 22px 0; color:#b9c3d4; line-height:1.6; font-size:1rem}
.btn{
  display:inline-block; padding:12px 22px; border-radius:10px; border:none; cursor:pointer;
  background:var(--taco-green); color:#fff; font-weight:600; transition:filter .2s ease, transform .06s ease;
}
.btn:hover{filter:brightness(.95)}
.btn:active{transform:translateY(1px)}