body { font-family:Arial, sans-serif;background-color:#f9f9f9;margin:0;padding:0;justify-content:center;align-items:center;height:100vh;} .container { background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);width:300px;text-align:center;} h1 { font-size:20px;margin-bottom:20px;} form { display:flex;flex-direction:column;} label { margin-bottom:5px;font-weight:bold;} input { padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;} button { padding:10px;border:none;border-radius:4px;background-color:#28a745;color:#fff;cursor:pointer;} button:hover { background-color:#218838;} .result { margin-top:15px;font-size:16px;color:#333;}