body{font-family:Arial,Helvetica,sans-serif;background:#f4f4f7;margin:0}
.container{max-width:680px;margin:3rem auto;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.08)}
h1{margin-top:0;font-size:1.7rem;color:#3a3371;text-align:center}
label,button,input,select{font-size:1rem;margin:.25rem 0}
input,select{padding:.4rem .6rem;border:1px solid #ccc;border-radius:.4rem}
button{padding:.45rem 1rem;border:none;border-radius:.4rem;background:#5c4b9a;color:#fff;cursor:pointer}
button:hover{opacity:.9}
#result{margin-top:1.5rem;line-height:1.6}
hr{border:none;border-top:1px dashed #aaa;margin:1.2rem 0}