body { font-family:Arial, sans-serif;background-color:#f4f4f9;margin:0;padding:0;justify-content:center;align-items:center;height:100vh;} .container { background:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);max-width:400px;width:100%;} h1 { text-align:center;color:#333;} form { display:flex;flex-direction:column;gap:10px;} label { font-weight:bold;color:#555;} input, select, button { padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;} button { background-color:#007BFF;color:#fff;cursor:pointer;} button:hover { background-color:#0056b3;} .result { margin-top:20px;font-size:1.2rem;text-align:center;color:#333;}