body{font-family:Arial,sans-serif;margin:0;background:#eef4ef}
.hero{background:#0c6b43;color:white;text-align:center;padding:40px 20px}
.card{max-width:900px;margin:20px auto;background:white;padding:25px;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.15)}
input{width:70%;padding:12px}
button{padding:12px 18px;background:#0c6b43;color:#fff;border:none;cursor:pointer}
.result{margin-top:20px}
.lulus{font-size:32px;color:green;font-weight:bold}
footer{text-align:center;padding:20px}
img.photo{max-width:150px;border-radius:10px}