body{font-family:Arial,sans-serif;background:#f0f2f5;color:#222;margin:0;padding:0;text-align:center}.container{max-width:400px;margin:50px auto;padding:20px;background:#fff;border-radius:15px;box-shadow:0 0 10px #0000001a}h1{margin-bottom:10px;color:#007bff}input,select,button{width:100%;padding:10px;margin:8px 0;border-radius:8px;border:1px solid #ccc;font-size:1rem}button{background-color:#007bff;color:#fff;border:none;cursor:pointer}button:hover{background-color:#0056b3}.result{margin-top:15px;font-weight:700;font-size:1.2rem}footer{margin-top:30px;font-size:.85rem;color:#555}.selectors{display:flex;align-items:center;justify-content:space-between;gap:10px}