body { font-family: Arial, sans-serif; margin: 2rem; max-width: 800px; background:#fafafa; }
header { background:#003366; color:#fff; padding:1rem 1.5rem; border-radius:8px; }
.card { background:white; padding:1.5rem; margin-top:1.5rem; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
label { display:block; margin-top:1rem; font-weight:bold; }
input { width:100%; padding:.7rem; margin-top:.25rem; border:1px solid #ccc; border-radius:6px; }
button { margin-top:1.5rem; padding:.8rem 1.2rem; font-size:1rem; background:#0055aa; color:white; border:none; border-radius:6px; cursor:pointer; }
button:hover { background:#003f7f; }
.result { margin-top:2rem; background:#eef4ff; padding:1rem; border-radius:6px; border:1px solid #ccd9ff; }
table { width:100%; border-collapse:collapse; margin-top:1rem; }
td,th { padding:.6rem; border-bottom:1px solid #ccc; }
th { background:#e0ecff; text-align:left; }