:root { color-scheme: light; }
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html,body { height:100%; margin:0; padding:0; }
body {
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial;
  background: linear-gradient(135deg,#001f4d,#660000);
  display:flex; align-items:center; justify-content:center; padding:12px;
}
.card {
  width:100%; max-width:420px;
  background: linear-gradient(to bottom,#ffffff 0%, #ff4d4d 100%);
  padding:18px; border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,0.14);
  text-align:center;
}
.logo-wrap { display:flex; justify-content:center; margin-bottom:10px; }
.logo-img { max-width:220px; width:70%; height:auto; object-fit:contain; }

h1 { margin:0 0 12px 0; color:#0044cc; font-size:20px; text-align:center; font-weight:800; }
label { display:block; margin-top:10px; color:#222; font-weight:700; font-size:14px; text-align:left; }
input[type=number] { width:100%; padding:12px; margin-top:6px; border-radius:10px; border:1px solid #ccc; font-size:16px; -webkit-appearance:none; }

.rast-title { font-weight:800; margin-top:14px; text-align:center; }
.rast-buttons { display:flex; gap:12px; justify-content:center; align-items:center; margin-top:8px; }
.rast-btn { flex:1; min-width:100px; padding:12px; border-radius:10px; border:none; font-weight:800; cursor:pointer; background:#ddd; color:#222; transition: transform .08s ease, box-shadow .08s ease; }
#rastSim.active { background:#0044cc; color:#fff; box-shadow:0 6px 18px rgba(0,68,204,0.25); transform:translateY(-2px); }
#rastNao.active { background:#ff0000; color:#fff; box-shadow:0 6px 18px rgba(255,0,0,0.18); transform:translateY(-2px); }

.calc, .limp { width:100%; padding:14px; margin-top:14px; border-radius:10px; border:none; font-weight:900; cursor:pointer; font-size:16px; }
.calc { background:#0044cc; color:#fff; }
.limp { background:#eee; }

.detalhes { margin-top:14px; background:rgba(255,255,255,0.7); padding:12px; border-radius:8px; font-size:14px; color:#222; text-align:left; }
#resultado { text-align:center; font-size:22px; margin-top:10px; font-weight:900; color:#111; }

@media (max-width:400px) { .card{padding:14px;border-radius:12px;} .rast-btn{min-width:90px;padding:10px;font-size:14px;} input[type=number]{padding:10px;font-size:16px;} }